jQuery：如何在没有更改事件的情况下重置Select2？

Question

我正在使用带有 select2 组件的Yii2框架，可以选择其颜色并显示示例：

$("#idColor").on("change", function() {
    showSample();
});

我还有一个重置颜色 select2组件的按钮：

$("#idReset").click(function() {
    $("#idColor").val(null).trigger("change");
});

但是当我单击Reset按钮时，会调用showSample（）函数。我只需要清除颜色的选定值。

Answer 1

试试这个：

$("#idReset").click(function() {
    $("#idColor").select2("val",null);
});

这将更改select2下拉列表的值，而不会触发更改事件。

为同一http://jsfiddle.net/fyhsz9ra/1733/创建了jsFiddle。