正如问题所说,我如何使用jQuery设置下拉列表控件的值?


当前回答

如果你使用索引,你可以直接用.attr()设置所选索引:

$("#mydropdownlist").attr('selectedIndex', 0);

这将把它设置为下拉列表中的第一个值。

编辑: 我上面的方法过去很管用。但现在似乎不再是了。

但正如韩寒在评论中愉快地指出的那样,正确的做法是:

$("#mydropdownlist").get(0).selectedIndex = index_here;

其他回答

对于使用Bootstrap的人,使用$(#elementId').selectpicker('val','elementValue')而不是$('#elementId').val('elementValue'),因为后者不会更新UI中的值。

注意:即使.change()函数也可以工作,正如上面在一些回答中所建议的那样,但它会触发$('#elementId').change(function(){//do something})函数。

只是把这个贴出来,以便将来有人引用这个帖子。

$("#mydropdownlist").val("thevalue");

只要确保选项标签中的值与val方法中的值匹配即可。

如果你加载所有<options ....></options>通过Ajax调用 按照下面的步骤来做。

1).创建一个单独的下拉值设置方法 为例:

function set_ip_base_country(countryCode)
    $('#country').val(countryCode)
} 

2).当ajax调用成功所有html追加任务完成时调用此方法

为例:

success: function (doc) {
  .....
  .....
  $("#country").append('<option style="color:black;" value="' + key + '">'  +   value + '</option>')
  set_ip_base_country(ip_base_country)
}

如果你只需要设置一个下拉列表的值,那么最好的方法是

$("#ID").val("2");

如果你必须在更新下拉列表值后触发任何脚本,比如如果你在下拉列表上设置任何onChange事件,并且你想在更新下拉列表后运行这个,那么你需要像这样使用

$("#ID").val("2").change();
//customerDB is an Array  
for(i of customerDB){   

      //create option and add to drop down list 
      var set = `<option value=${i.id}>${i.id}</option>`;
      $('#dropDown').append(set);

}  


// print dropdown values on console
$('#dropDown').click(function(){
      console.log($(this).val())
})