Javascript 如何替换Select2选择框中的选项

我正在尝试动态清除选项列表，并用新数据重新加载它。我读到的所有内容都告诉我，我可以像现在这样设置数据，但它只附加数据，不清除数据

$optioner.select2； $doit.clickfunction{ $optioner.select2{ 数据：[{ id:real1， 文本：Real 1 }, { id:real2， 文本：Real 2 }] }; }; 演示 假1 假2

---

Select2并没有提供一种在使用data选项添加选项之前完全清除选项的方法，只是因为jQuery.empty函数已经可以完成

$("#optioner").empty()
    .select2({ data: /* ... */ });

发件人：

这是数据选项的预期行为。当选择2时 使用数据初始化，它将数据对象数组转换为 它可以使用的元素

因此，当您重新初始化它时，它会创建第二组 元素

如果没有，如何重新填充Select2的选项/数据列表

您可以通过在屏幕上调用.empty清除现有选项 原版精选

$("select").empty(); 

请注意，这将重置任何现有选择

$optioner.select2； $doit.clickfunction{ var$elem=$optioner； $elem.empty .选择2{ 数据：[{ id:real1， 文本：Real 1 }, { id:real2， 文本：Real 2 }] }; }; 演示 假1 假2

---

也许您必须添加选项allowClear、占位符和更改事件？