Question

我有多个选择下拉列表：

<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>
<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>
<select name="offer1cards[]">
    <option value="1">Card 1</option>
    <option value="2">Card 2</option>
    <option value="3">Card 3</option>
</select>

我正在尝试使用jquery将值转换为逗号分隔的字符串，但我知道我没有做正确的事情：

var values = new Array();
$.each($("input[name='offer1cards[]']:selected"), function() {
    values.push($(this).val());
    var items = values.split(',');
    alert(items);
});

如何将这些值转换为字符串？

Answer 1

您$.map()他们然后.join()＆＃39; em。

var res = $.map($("select[name='offer1cards[]']"), function(ele) {
        return $(ele).val();
    }).join(', ');

    alert(res);

演示：http://jsfiddle.net/5t9ddd98/1/

Answer 2

您无需使用:selected而不是split使用join加入数组，只需执行

var values = new Array(), var items;
$.each($("input[name='offer1cards[]']"), function() {
    values.push($(this).val());
});
items = values.join(',');
alert(items);

使用Jquery获取组中多个选择下拉列表的值

2 个答案: