显示关于另一个事件的自动完成建议

Question

我有两个输入 - #postal 和 #name。 #name 输入启用了 jQuery 自动完成功能。仅当我开始在 #name 输入中输入内容时才会显示自动完成建议。

即使我也在 #postal 输入中输入内容，我也需要显示 #name 输入的建议。我在尝试：

$('#postal').keyup( function () {
    var postal = $('#postal').val();
    $('#name').autocomplete( "option", "source", getFilteredSuggestionsJson(suggestionsJson, postal));
    $('#name').autocomplete("search");
});

我也试过：$('#name').trigger('keydown.autocomplete'); 但是 none 对我有用。 Keyup 事件正确触发，但无法使建议可见。我能做什么？

我刚刚发现它只有在我第一次通过在#name 输入中输入内容来引入自动建议并在 #name 失去焦点时隐藏它时才起作用。只有在那之后，我才能通过输入 #postal 输入来显示自动建议。

Answer 1

你可以这样做

这就是您要找的东西myAutocomplete.autocomplete("search", $(this).val());

var myAutocomplete = $('input#name').autocomplete({
    source: availableTags,
    minLength: 1
});
$('input#postal').keyup(function(){
    console.log('keypress');
    myAutocomplete.autocomplete("search", $(this).val());
});

这是一个demo

显示关于另一个事件的自动完成建议

Show autocomplete suggestions on another event

javascript

jquery

events

autocomplete

show