如何以编程方式触发 jQuery UI 的 AutoComplete 更改事件处理程序？
联播
$("#CompanyList").autocomplete({
source: context.companies,
change: handleCompanyChanged
});
迄今为止的其他尝试
$("#CompanyList").change();
$("#CompanyList").trigger("change");
$("#CompanyList").triggerHandler("change");
根据其他答案，它应该起作用：
How to trigger jQuery change event in code
jQuery Autocomplete and on change Problem
当我通过浏览器手动与自动完成输入交互时，更改事件按预期触发；但是，在某些情况下，我想以编程方式触发更改事件。
我错过了什么？
【问题讨论】：
调用 autocomplete.change 事件的编程触发器是通过源选择元素上的命名空间触发器。
$("#CompanyList").trigger("blur.autocomplete");
在 jquery UI 1.8 版本中..
.bind( "blur.autocomplete", function( event ) {
if ( self.options.disabled ) {
return;
}
clearTimeout( self.searching );
// clicks on the menu (or a button to trigger a search) will cause a blur event
self.closing = setTimeout(function() {
self.close( event );
self._change( event );
}, 150 );
});
【讨论】：
您必须手动bind 事件，而不是将其作为初始化对象的属性提供，以使其可用于trigger。
$("#CompanyList").autocomplete({
source: context.companies
}).bind( 'autocompletechange', handleCompanyChanged );
然后
$("#CompanyList").trigger("autocompletechange");
这是一种变通方法，但我支持提高库语义一致性的变通方法！
【讨论】：
我试图做同样的事情，但没有保留自动完成变量。我在 select 事件上以编程方式遍历这个调用更改处理程序，您只需要担心输入的实际值。
$("#CompanyList").autocomplete({
source: context.companies,
change: handleCompanyChanged,
select: function(event,ui){
$("#CompanyList").trigger('blur');
$("#CompanyList").val(ui.item.value);
handleCompanyChanged();
}
});
【讨论】：
最好使用 select 事件。正如 Wil 所说，change 事件绑定到 keydown。因此，如果您想收听选择的更改，请使用这样的选择。
$("#yourcomponent").autocomplete({
select: function(event, ui) {
console.log(ui);
}
});
【讨论】：
不同于之前的另一种解决方案：
//With trigger
$("#CompanyList").trigger("keydown");
//With the autocomplete API
$("#CompanyList").autocomplete("search");
【讨论】：
keyup，而是keydown。
这篇文章已经很老了，但对于那些在 2016 年来到这里的人来说。这里的例子都不适合我。使用 keyup 而不是 autocompletechange 完成了这项工作。使用jquery-ui 10.4
$("#CompanyList").on("keyup", function (event, ui) {
console.log($(this).val());
});
希望对您有所帮助！
【讨论】：
这个也可以
$("#CompanyList").autocomplete({
source : yourSource,
change : yourChangeHandler
})
// deprecated
//$("#CompanyList").data("autocomplete")._trigger("change")
// use this now
$("#CompanyList").data("ui-autocomplete")._trigger("change")
【讨论】：
.data('autocomplete') 应该更改为 elem.data("ui-autocomplete"); （正如 Chris Kinsella 在他的回答中所说的那样）。 IMO 您的答案比标记的要好，因为我们可以访问 change 函数的 event 和 ui 参数。
对于查找此主题的其他人来说，这是一个相对干净的解决方案：
// run when eventlistener is triggered
$("#CompanyList").on( "autocompletechange", function(event,ui) {
// post value to console for validation
console.log($(this).val());
});
根据api.jqueryui.com/autocomplete/，这会将函数绑定到事件侦听器。当用户从自动完成列表中选择一个值以及手动输入一个值时都会触发它。当字段失去焦点时触发触发器。
【讨论】：
最简单、最可靠的方法是使用内部 ._trigger() 来触发自动完成更改事件。
$("#CompanyList").autocomplete({
source : yourSource,
change : yourChangeHandler
})
$("#CompanyList").data("ui-autocomplete")._trigger("change");
注意，jQuery UI 1.9 从 .data("autocomplete") 更改为 .data("ui-autocomplete")。您可能还会看到一些人使用 .data("uiAutocomplete") 确实适用于 1.9 和 1.10，但“ui-autocomplete”是官方首选形式。请参阅 http://jqueryui.com/upgrade-guide/1.9/#changed-naming-convention-for-data-keys 了解数据键上的 jQuery UI 命名空间。
【讨论】：
ui-autocomplete 的更改不是单独的答案，而是对@lordvlad 答案的评论
$('#search').autocomplete( { source: items } );
$('#search:focus').autocomplete('search', $('#search').val() );
这似乎是唯一对我有用的。
【讨论】：
$("#search:focus").autocomplete("search") 可以。 stackoverflow.com/questions/4917195/…
它们绑定到自动完成源中的 keydown，因此触发 keydown 将使其更新。
$("#CompanyList").trigger('keydown');
它们没有绑定到 'change' 事件，因为它只会在表单字段失去焦点时在 DOM 级别触发。自动完成需要比“失去焦点”更快地响应，因此它必须绑定到一个关键事件。
这样做：
companyList.autocomplete('option','change').call(companyList);
如果用户重新键入之前存在的确切选项，则会导致错误。
【讨论】：
change 选项设置，该选项与 JS 更改事件是分开的。
它对我有用，只需将按键事件绑定到搜索输入，如下所示：
... Instantiate your autofill here...
$("#CompanyList").bind("keypress", function(){
if (nowDoing==1) {
nowDoing = 0;
$('#form_459174').clearForm();
}
});
【讨论】：
给你。这有点乱，但它有效。
$(function () {
var companyList = $("#CompanyList").autocomplete({
change: function() {
alert('changed');
}
});
companyList.autocomplete('option','change').call(companyList);
});
【讨论】：