jquery - 如何使用 jquery 从 div 内的许多选择框中获取值

Question

我已经创建了像这样非常有趣的 html 装置

<div class="alert alert-info" id="1">
    <select name="first" id="sel-1-1">
         <option value="1">One</option>
         <option value="2">Two</option>
    </select>
    <select name="second" id="sel-2-1">
         <option value="1">One</option>
         <option value="2">Two</option>
    </select>
</div>

现在我的问题是，如何使用 jquery在数组中推送 div 中所有选定选项的值？不知道从哪里开始。

Answer 1

您可以使用map()创建所选值的数组：

var selectedValueArray = $('.alert select').map(function() {
    return $(this).val();
}).get();

示例小提琴

Answer 2

用这个：

var new_item = '<option value="3">Three</option>';
$('.alert select').append(new_item);