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

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

试过这个：

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

但没有工作

Answer 1

试试这个…

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

另一个select是这样的 ，但它只能在一个下拉列表中工作，如下所示：

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

看看这篇文章如何设置基于价值，其有趣的，但不会帮助你这个具体问题：

使用jQuery更改下拉列表的选定值

Answer 2

你的select是错误的，你可能正在寻找

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

这也将工作：

 $('select option:first-child') 

Answer 3

Ana替代RSolgberg的解决scheme，如果存在，会触发'onchange'事件：

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

如何使用jQueryselect<select>的第一个选项？

Answer 4

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

对于完整的下拉列表操作使用Jquery

Answer 5

你想要的可能是：

 $("select option:first-child") 

这个代码是什么

 attr("selected", "selected"); 

正在做的是将“selected”属性设置为“selected”

如果你想要select的选项，不pipe是否是第一个孩子，select器是：

 $("select").children("[selected]") 

Answer 6

如果你想检查select的选项的文本，无论其第一个孩子。

 var a = $("#select_id option:selected").text(); alert(a); //check if the value is correct. if(a == "value") {-- execute code --} 

Answer 7

  var arr_select_val=[]; $("select").each(function() { var name=this.name; arr_select_val[name]=$('select option:first-child').val(); }); // Process the array object $('.orders_status_summary_div').print(arr_select_val); 

Answer 8

我正在回答，因为以前的答案已停止使用最新版本的jQuery。 我不知道什么时候停止工作，但是文档说.prop（）自从jQuery 1.6以来一直是获取/设置属性的首选方法。

这是我得到它的工作（与jQuery 3.2.1）：

 $('select option:nth-child(1)').prop("selected", true); 

我正在使用knockoutjs和更改绑定不与上述代码发射，所以我添加.change（）到最后。

这是我的解决scheme所需要的：

 $('select option:nth-child(1)').prop("selected", true).change(); 

请参阅文档中的.prop（）注释： http ://api.jquery.com/prop/