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

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

1 个答案: