试试这个:

$('select#mySelect').prop('selectedIndex', optionIndex);

最后，触发一个.change事件:

$('select#mySelect').prop('selectedIndex', optionIndex).change();

NB:

$('#selectBox option')[3].attr('selected', 'selected') 

是不正确的，数组遵从得到你的dom对象，而不是一个jquery对象，所以它将失败的TypeError，例如在FF与:"$('#selectBox选项')[3].attr()不是一个函数。"

这可能也很有用，所以我想在这里添加它。

如果你想根据项目的值而不是该项的索引来选择一个值，那么你可以执行以下操作:

您的选择列表:

<select id="selectBox">
    <option value="A">Number 0</option>
    <option value="B">Number 1</option>
    <option value="C">Number 2</option>
    <option value="D">Number 3</option>
    <option value="E">Number 4</option>
    <option value="F">Number 5</option>
    <option value="G">Number 6</option>
    <option value="H">Number 7</option>
</select>

jquery:

$('#selectBox option[value=C]').attr('selected', 'selected');

$('#selectBox option[value=C]').prop('selected', true);

现在选中的项目是“2号”。

我需要一个解决方案，没有硬编码值在js文件;使用selectedIndex。大多数给出的解决方案在一个浏览器上失败。这似乎在FF10和IE8中工作(其他人能在其他版本中测试吗)

$("#selectBox").get(0).selectedIndex = 1; 

更简单:

$('#selectBox option')[3].selected = true;

纯javascript selectedIndex属性是正确的方法，因为它是纯javascript，可以跨浏览器工作:

$('#selectBox')[0].selectedIndex=4;

这是一个jsfiddle演示，有两个下拉列表，使用一个来设置另一个:

<select onchange="$('#selectBox')[0].selectedIndex=this.selectedIndex">
  <option>0</option>
  <option>1</option>
  <option>2</option>
</select>

<select id="selectBox">
  <option value="0">Number 0</option>
  <option value="1">Number 1</option>
  <option value="2">Number 2</option>
</select>

你也可以在改变selectedIndex之前调用它，如果你想要的是option标签上的“selected”属性(这里是fiddle):

$('#selectBox option').removeAttr('selected')
   .eq(this.selectedIndex).attr('selected','selected');