使用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添加到选项值'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()