Select2 allowclear 不工作

Select2 allowclear not working

我的选择2:

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

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

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

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

为了显示新数据,我将 select2 重新绑定到同一元素。

它工作得很好,但之后 select2 将第一项数据设置为选定选项并且 allowClear with placeholder 不起作用。我不会做什么,在手动清除项目后选择 2 将第一项设置为选定的选项。

我做错了什么?

尝试仅添加默认的空 option,这将允许 placeholder 工作,而不是清除所有 select 内容:

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

希望对您有所帮助。