Select2 允许清除不工作

Question

我的选择2：

element.select2({
    allowClear: true,
    placeholder: 'blabla',
    data: {/*mydata*/}
});

问题是，当添加新数据（手动或通过 ajax 请求）时，select2 不会清除选项列表。

在此，我决定手动清除选项列表，因为 select2 没有相同的方法来清除选项列表。

element.empty().trigger('change');

为了显示新数据，我将 select2 重新设置为同一元素。

这很好，但在那之后 select2 将第一项数据设置为选定选项，并且使用占位符的 allowClear 不起作用。我不会做什么，在手动清除项目后选择2将第一项设置为选定选项。

我做错了什么？

Answer 1

尝试添加默认的空 option，这将允许 placeholder 工作，而不是清除所有选择内容：

element.html('<option></option>').trigger('change');

希望这会有所帮助。