将选项添加到多选并设置为选定

Adding option to multiple select and setting as selected

本文关键字:设置 选项 添加      更新时间:2023-09-26

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

我想将名称添加到选定的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");

我只需要捕获所有这样的选项:

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