如何使用javascript获取下拉选择值？

Question

我有一个asp.net DropdownList控件。当我使用这段代码时

var id = $("[id*='drpCategory'] option:selected").val();

id始终是下拉列表的第一个索引。我怎样才能获得其他选定的值。 ？

Answer 1

你可以遍历select元素，请注意单独使用属性选择器太慢了，试试这个：

$("select[id*='drpCategory']").each(function(){
   alert(this.value)
})

Answer 2

试试这样：

var values = $("select[id*='drpCategory']").map(function(){
    return this.value;
}).get();

您将拥有所有dropdown s的选定值。

Answer 3

$("#input_id").click(function(){
 var id = $("#drpCategory option:selected").val();
})    

Answer 4

jquerys .val()将返回下拉列表的选定值，如果下拉列表允许多个值，则返回所选值的数组。

var selectedItems = $('[id*="drpCategory"]').val();

Docs