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

Question

我遇到了一个奇怪的问题。我有一个文本框和附带的按钮。用户将输入一个名称，然后单击该按钮将其添加到其下方的多个选择中。

我想将名称添加到所选的select中，以便始终选择select中的每个名称。我正在使用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");