將選項添加到多個選擇並設置為選中狀態

Question

我遇到一個奇怪的問題。 我有一個文本框和相應的按鈕。 用戶將輸入名稱，然后單擊按鈕以將其添加到其下方的多個選擇中。

我想將名稱添加到所選內容中，以便始終選擇所選內容中的每個名稱。 我正在使用select2，以便所選選項顯示為小方框，可以單擊以將其刪除（請參閱此頁面上的第二個選擇： http : //fk.github.io/select2-bootstrap-css/ ）

我使用它來輸入您的名字，但是除了名字之外，我無法選擇它。

$('#Visitors').append("<option value='" + visitorLogin.toUpperCase() + "'>" + visitorLogin.toUpperCase() + "</option>");
$('#Visitors option').prop('selected', 'selected');
var allusers = $('#Visitors option').val();
console.log(allusers);
$('#Visitors').val(allusers).trigger("change");

Answer 1

我只需要捕獲所有這樣的選項：

 $('#Visitors').append("<option value='" + visitorLogin.toUpperCase() + "'>" + visitorLogin.toUpperCase() + "</option>");
 var allOptions = $("#Visitors").children().map(function () { return $(this).val(); }).get();
 $('#Visitors').val(allOptions).trigger("change");