javascript - 清除时的 JQuery UI 组合框事件

Question

我正在使用 JQuery UI 组合框，并且我正在寻找一种在所选值更改时执行某些操作的方法。我在 StackOverflow 中找到了这个解决方案：

$("#comboboxname").combobox({ 
    select: function (event, ui) { 
        // CODE
    } 
});

它仅在我从列表中选择正确的值时才起作用，但是当我从组合框中选择文本并将其删除时（即，当我取消选择所有内容时）它不会触发。

还有其他方法可以捕获此类事件吗？谢谢

Answer 1

select2 提供拦截 select2-removed 事件：

$("#myCombo").select2({
    placeholder: "Select Something",
    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");
    });

Answer 2

JQuery UI 组合框只是普通 html<select>控件的包装器。所以选择回调只能在选择实际时触发<option>。

也许您可以尝试另一个组合框插件，例如select2。它比 JQuery UI 组合框插件更灵活一些。