将选项添加到多个选择并设置为选中状态

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");