如何使用jQuery设置DropDownList的值？

Question

正如问题所说,如何使用jQuery设置DropDownList控件的值？

Answer 1

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

只需确保options标记中的值与val方法中的值匹配.

Answer 2

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

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

这会将其设置为下拉列表中的第一个值.

编辑: 我上面的方式曾经工作过.但它似乎不再存在了.

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

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

Answer 3

正如@Nick Berardi所建议的那样,如果您的更改后的值未反映在UI前端,请尝试:

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

Answer 4

试试这个非常简单的方法:

/*make sure that value is included in the options value of the dropdownlist 
e.g. 
(<select><option value='CA'>California</option><option value='AK'>Alaska</option>      </select>)
*/

$('#mycontrolId').val(myvalue).attr("selected", "selected");

Answer 5

如果您的下拉列表是Asp.Net下拉,那么下面的代码将正常工作,

 $("#<%=DropDownName.ClientID%>")[0].selectedIndex=0;

但是如果你的DropDown是HTML下拉,那么这段代码就可以了.

 $("#DropDownName")[0].selectedIndex=0;

Answer 6

问题的最佳答案：

$("#comboboxid").val(yourvalue).trigger("chosen:updated");

例如：

$("#CityID").val(20).trigger("chosen:updated");

要么

$("#CityID").val("chicago").trigger("chosen:updated");