javascript - 使用 jquery 自动完成时无法触发更改事件

Question

我有一个问题。当使用 jQuery 输入具有某些值时，更改事件无法触发。我在下面解释我的代码。

<input name="" type="text"  class="inputfield" id="auto">

var city = [
    'Alabama', 'Alaska', 'Arizona'
];

$('#auto').autocomplete({
    source:[city],
    minLength: 1,
    change: function (event, ui) { alert('hello'); }
});

这里我需要当一个值将从城市数组中选择到输入字段时，更改事件应该触发，这在我的情况下没有发生。请帮助我。

Answer 1

change 事件工作正常，但请注意，它仅在元素的值发生更改后变得模糊时触发。

如果您希望在进行选择时触发该事件，请使用 select 事件:

$('#auto').autocomplete({
    source: city,
    minLength: 1,
    select: function(event, ui) {
        alert('hello');
    }
});

Working example