javascript - 如何彻底清理 select2 控件？

Question

我正在使用很棒的 select2 control .

我也在尝试清理和禁用带有内容的 select2，所以我这样做:

$("#select2id").empty();
$("#select2id").select2("disable");

好的，它可以工作，但如果我选择了一个值，则所有项目都将被删除，控件将被禁用，但仍会显示所选值。我想清除所有内容，以便显示占位符。这是我做的一个示例，您可以在其中看到问题:http://jsfiddle.net/BSEXM/

HTML:

<select id="sel" data-placeholder="This is my placeholder">
    <option></option>
    <option value="a">hello</option>
    <option value="b">all</option>
    <option value="c">stack</option>
    <option value="c">overflow</option>
</select>
<br>
<button id="pres">Disable and clear</button>
<button id="ena">Enable</button>

代码:

$(document).ready(function () {
    $("#sel").select2();

    $("#pres").click(function () {
        $("#sel").empty();
        $("#sel").select2("disable");
    });

    $("#ena").click(function () {
        $("#sel").select2("enable");
    });
});

CSS:

#sel {
    margin: 20px;
}

对此您有什么想法或建议吗？

Answer 1

每当您更改或更改 select2 中的值时，请尝试使用触发器 ("change"):

$('#sel').empty().trigger("change");