如何使用jquery选择下拉列表中的第一个元素？

Question

我想知道如何使用jquery在我的页面上的所有选择标签中选择第一个选项.

试过这个:

$('select option:nth(0)').attr("selected", "selected");

但没有奏效

Answer 1

试试这个......

$('select option:first-child').attr("selected", "selected");

另一种选择是这个,但它只能一次用于一个下拉列表,如下所示:

var myDDL = $('myID');
myDDL[0].selectedIndex = 0;

看看这篇关于如何基于价值进行设置的帖子,它有趣但不会帮助您解决这个特定问题:

现在在jQuery中,您可以通过`.prop()`方法访问属性.所以你可以使用`$("select").prop("selectedIndex",0);`用于快速选择所有下拉列表中的第一个选项. (26认同)
您是否知道这是否会通过设置属性在所有浏览器中触发"更改"事件？它似乎在Chrome中,但尚未广泛测试.我正在考虑添加另一个`$('select').触发器('change');`以防万一.谢谢! (3认同)
`var myDDL = $('myID')`应该在选择器中使用hash来变成`var myDDL = $('#myID')` (3认同)

Answer 2

你的选择器错了,你可能正在寻找

$('select option:nth-child(1)')

这也可以:

$('select option:first-child')

Answer 3

用于RSolgberg的Ana替代解决方案,'onchange'如果存在则触发该事件:

$("#target").val($("#target option:first").val());

Answer 4

$("#DDLID").val( $("#DDLID option:first-child").val() );