Question

我正在使用双列表框插件，并尝试使用jQuery选择国家/地区列表：

var countries = $('.selected').find(":selected").map(function(){ return this.value }).get().join(", ");

这是列表框：

<select class="selected" style="height: 200px; width: 100%;" multiple="" name="countries[]">
<option style="padding:4px 0px 4px 8px;" value="CA" selected="">Canada</option>
<option style="padding:4px 0px 4px 8px;" value="FR" selected="">France</option>
<option style="padding:4px 0px 4px 8px;" value="DE" selected="">Germany</option>
<option style="padding:4px 0px 4px 8px;" value="NL" selected="">Netherlands</option>
<option style="padding:4px 0px 4px 8px;" value="UK" selected="">United Kingdom</option><option style="padding:4px 0px 4px 8px;" value="US" selected="">United States</option>
</select>

我试图找到一个逗号分隔的列表，如下所示：

CA，FR，DE，NL，UK

如何正确编写此JQuery行？

编辑1

var countries = $('.selected').find('option').each(function(){return $(this).val();}).get().join(", ");

这会产生：

[object HTMLOptionElement]，[object HTMLOptionElement]，[object HTMLOptionElement]，[object HTMLOptionElement]，[object HTMLOptionElement]，[object HTMLOptionElement]

所以我觉得我很亲密？

Answer 1

试试这个：

var countries = $('.selected').find('option').map(function() { return this.value }).get().join(", ");

JQuery从DualListBox中选择所有选项值

1 个答案: