获取多个选择的选定值

Question

我有一个页面，用户可以在其中生成未定义数量的<select>元素。

e.g。

<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>

我的问题是如何在jQuery中获取所有选定选项的值。

Answer 1

您可以使用.map创建一系列选定值：

var values = $('select').map(function() {
    return $(this).val(); // or return this.value;
}).get();