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

Question

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

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

我还有一个按钮可以重置 Color select2 组件：

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

但是当我单击重置按钮时，会调用 showSample() 函数。我只需要清除 Color 的选定值即可。

Answer 1

试试这个：

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

这将在不触发更改事件的情况下更改 select2 下拉列表的值。

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