javascript - 如何在下拉列表中获取多个选定值

Question

我正在使用下拉菜单，其中定义了多个选择名称select[]

如何使用 jquery 获取选定的值。

Answer 1

与任何表单元素相同的方式 - 使用val()。

var selectedValues = $("#select").val();

使用多项选择，您将看到值作为逗号分隔的字符串，可以轻松发布以供服务器端处理或在需要时拆分为数组。

示例小提琴

Answer 2

如果有人想要带有标签的值。那么这里是解决方案：

var hexvalues = [];
var labelvalues = [];

$('#myMultiSelect :selected').each(function(i, selectedElement) {
 hexvalues[i] = $(selectedElement).val();
 labelvalues[i] = $(selectedElement).text();
});

Answer 3

试试这个，

现场演示

$('#btn').click(function(){
    $('#select option:selected').each(function(){
        alert($(this).text());
    });
})​

Answer 4

尝试

 var selectedItems= $('#ddlId option:selected');

selectedItems.each(function(obj,ind){
     $(obj).val() ;
} // or do with for (var i=0// normal js loop

Answer 5

你应该试试这个：

$("select[name^='select[']:eq(0)").val();

请记住， eq(0) 表示同名元素的索引是什么。