如何在下拉菜单中获取多个选定值

Question

我正在使用带有多选名称为select[]的下拉列表

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

- Abhi

---

你尝试过什么吗？ - Swarne27

js变量的值为{'code':$("[name=select] :selected")}，其中$("[name=select] :selected")是选中下拉框中所选项的代码。 - Abhi

Answer 1

与任何表单元素一样 - 使用 val() 方法。

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

使用多选框，您将看到该值作为逗号分隔的字符串，这可以轻松地发布以进行服务器端处理，或者根据需要拆分成数组。

示例代码

- Rory McCrossan

Answer 2

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

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

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

- Narayan Subedi

---

这正是我过去两天一直在寻找的东西.. :) - Bhavik Patel

Answer 3

Try this,

Live Demo

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

- Adil

Answer 4

尝试

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

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

- Murali Murugesan

Answer 5

你应该尝试这个：

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

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

- Aldry Wijaya