使用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>

，我想将选中的属性添加到选项值“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() 使用数组切片 而不是通过 Sizzle 进行查询。
正如您所注意到的，两个版本都从零开始索引。

参考：:eq，.eq()