我有一个选择框:
<select id="selectBox">
<option value="0">Number 0</option>
<option value="1">Number 1</option>
<option value="2">Number 2</option>
<option value="3">Number 3</option>
<option value="4">Number 4</option>
<option value="5">Number 5</option>
<option value="6">Number 6</option>
<option value="7">Number 7</option>
</select>
我想将其中一个选项设置为“选定”基于它的选定索引。
例如，如果我试图设置“数字3”，我尝试这样做:
$('#selectBox')[3].attr('selected', 'selected');
但这行不通。我如何设置一个选项，因为选择基于它的索引使用jQuery?
谢谢!
当前回答
更简单:
$('#selectBox option')[3].selected = true;
其他回答
这可能也很有用，所以我想在这里添加它。
如果你想根据项目的值而不是该项的索引来选择一个值，那么你可以执行以下操作:
您的选择列表:
<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号”。
$('#selectBox option').get(3).attr('selected', 'selected')
当使用上面的我一直在webkit (Chrome)的错误说:
“未捕获的类型错误:对象#没有方法'attr'”
此语法可以阻止这些错误。
$($('#selectBox option').get(3)).attr('selected', 'selected');
更简单:
$('#selectBox option')[3].selected = true;
选择第三个选项
$('#selectBox').val($('#selectBox option').eq(2).val());
关于jsfiddle的示例
在花了太多时间之后，这个方法对我很有效。
$("#selectbox")[0].selectedIndex = 1;
