javascript - jQuery UI 组合框清除选择事件

Question

我有一个组合框，其 HTML 如下所示:

<select id="myCombo">
  <option value=""></option> <!-- Not shown in jQuery UI Combobox because empty value -->
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
</select>

我已经将 jQuery UI Combobox 附加到 I:

$("#myCombo").combobox({
    select: function () {
        if ($("#myCombo").val() == "") {
            //DO SOMETHING
        }
        else {
            //DO SOMETHING ELSE
        }
    }
});

当我通过键入和/或选择一个选项来选择一个选项时，“做其他事情”部分会像它应该的那样被触发，所以没有问题。

但是，当我通过删除文本或单击“x”清除选择(这选择了我原始组合的第一个选项)时，没有任何东西被触发，所以我无法执行我的“做某事”部分功能。

我怎样才能触发这部分？清除选择时是否可能触发另一个事件？

我搜索并发现了很多关于选择项目的主题，但没有关于清除/取消选择的主题(至少得到了回答)。

Answer 1

这可以通过 select2 来完成.

$("#myCombo").select2({
    placeholder: "Select report type",
    allowClear: true,
});
$("#myCombo")
    .on("select2-selecting", function(e) {
        log("selecting val=" + e.val + " choice=" + JSON.stringify(e.choice));
    })
    .on("select2-removed",   function(e) {
        log("removed");
    })