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

时间:2012-12-13 09:44:34

标签: javascript jquery html

我正在使用带有select[]

定义的多个选择名称的下拉列表

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

5 个答案:

答案 0 :(得分:12)

与任何表单元素相同 - 使用val()

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

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

Example fiddle

答案 1 :(得分:6)

如果有人希望 标签。然后是解决方案:

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

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

答案 2 :(得分:3)

试试这个,

<强> Live Demo

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

答案 3 :(得分:2)

你应该试试这个:

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

请记住,eq(0)表示您的元素具有相同名称的索引。

答案 4 :(得分:2)

尝试

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

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