如何将多个选项附加到 select2 容器答案

【问题标题】：How do I append multiple options to select2 container如何将多个选项附加到 select2 容器
【发布时间】：2018-04-14 19:42:12
【问题描述】：

我的 select2 下拉菜单包含以下两个选项：

Carbon
Stainless

我可以手动将一个选项放入其容器中：

var myoption = 'Carbon'
$(TabTagBox).val([myoption]).trigger('change.select2');

但是将上面的行与 append 一起使用的正确语法是什么？

【问题讨论】：

抱歉，我看不出这个“重复”是如何回答我的问题的
抱歉。你本可以让我知道的。它现在已经打开了。

标签： jquery jquery-select2

【解决方案1】：

文档中有一个特定部分用于以编程方式与 select2 插件交互，第一个示例就是您想要的（请参阅 https://select2.org/programmatic-control/add-select-clear-items）

var data = {
    id: 1,
    text: 'Barn owl'
};
var newOption = new Option(data.text, data.id, false, false);
$('#mySelect2').append(newOption).trigger('change');

【讨论】：

不，我不是要在下拉列表中添加新选项。我在询问是否将选项附加到其 select2 容器中。
select2 容器需要一个底层下拉菜单来匹配。因此，将其添加到下拉列表并调用更改将通过向其附加新选项来更新 select2。
@Silverburch 是多选，您将所选选项显示为标签吗？
没错。你看，我已经在下拉列表中找到了所有选项。我正在尝试将特定选定选项从下拉列表手动移动到容器（在循环内）。放一个选项很容易。但我无法将多个选项放入容器中
@Silverburch 然后在您的循环中，您实际上不应该在 select2 上调用 .val，而只需在数组中添加项目并在循环后使用 .val( arrayWithAllSelection ).trigger..。如果您可以发布更多代码，我可以建议实际修复。