使用jquery获取具有相同名称的下拉列表的值

Question

我的asp.net mvc应用程序中显示了一些具有相同名称的下拉菜单（例如：5个下拉菜单，同名“uniquedropdown”。）

我需要使用jquery获取具有相同名称的下拉列表的所有选定值。

如何获得它？

Answer 1

您无法使用$('select[name="uniquedropdown"]').val()，因为它只会返回页面中第一个<select>的值。

获取值数组

var values = $.map($('select[name="uniquedropdown"]'), function (e) {
                 return $('option:selected', e).val();
             });

或

var values = $.map($('select[name="uniquedropdown"]'), function (e) {
                 return $(e).val();
             });

这是 Working Demo 。将 / edit 添加到网址以查看代码

Answer 2

使用每个函数迭代它们并将值推送到数组中。

 var selected = [];
 $('#uniquedropdown').each( function() {
     selected.push( $(this).val() );
 });