更改事件的选择不工作的jQuery

Change event of select does not work on jQuery

本文关键字:工作 jQuery 选择 事件      更新时间:2023-09-26

我使用jquery在combobox上给出的示例创建了一个小部件。我很难设计它,所以我创建/修改了这个例子。

小提琴

当我使用原始控件更改值时,更改事件正在工作,但它不在另一个控件上。我不明白为什么change事件没有在我创建的新控件上触发,实际上,它都改变了值本身。

我发现我可以触发一些代码在线autocompleteselect (ln38)

autocompleteselect: function (event, ui) {
    ui.item.option.selected = true;
    this._trigger("select", event, {
        item: ui.item.option
    });
    // alert('I can put some codes here');
},

但是我想触发选择器的更改事件,以便用户更容易运行脚本。

你知道怎么解决这个问题吗?

这是因为源元素的值是使用脚本编程完成的,该脚本不会触发更改事件(只有当更改是由用户事件完成时才会触发)。

一个可能的解决方案是触发像

这样的更改事件
this.element.trigger("change", event, {
    item: ui.item.option
});

演示:小提琴