如何使用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>

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

Answer 1

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

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

Example fiddle

Answer 2

使用此：

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