使用jquery设置选择框特定选项的选定属性

Question

我有一个带有以下选项的选择框

select id="box" ><br/>
  option value="1"Same Day<br/>
  option value="5">96<br/>
  option value="4">72<br/>
  option value="3">48<br/>
  option value="2">24<br/>
select>

我想将 attr selected 添加到选项值 '4' ，我知道我可以通过显示它选择

$("#box").val(4)

但这只是显示它被选中，但没有将选中的属性添加到选项 4，我想要的是将选中的属性添加到选项。

请推荐

谢谢

Answer 1

$('#box').children('option:eq(3)').attr('selected', 'selected');

这使用了eq() 选择器来查询您指定的索引。

稍微快一点（即使输入更多）将是方法 .eq() 而不是选择器：

$('#box').children('option').eq(3).attr('selected', 'selected');

因为 .eq() 使用 array slices 而不是在 Sizzle 上进行查询。 如您所见，两个版本都从零开始索引。

参考：:eq，.eq()