jquery - 自动完成 - 单击时如何使其查询。当前显示列表中显示的所有选项

Question

我正在一个名为地震破坏地图的网站上工作。它几乎完成了，但是我对自动完成功能有疑问。它适用于搜索按钮，但我想完全摆脱搜索按钮。当我单击列表中的结果时，它应该查询结果，而是显示列表中出现的所有结果。

    <input type="text" id="search-string4" placeholder="Search by Earthquake" class="tb11" onclick="focus" oninput="doQuery()" onchange="doQuery()">

如您所见，它会在我键入时查询结果，这很好，但在列表中单击结果时无法正确显示。

任何帮助将非常感激。

score 1 · Accepted Answer

无论您在单击搜索按钮时调用什么代码，都可以将该代码移动到自动完成的选择事件中，如下所示：

$( "#search-string4" ).autocomplete({
   select: function(event, ui) {
        doQuery();
   }
});

来自jqueryui网站，

当从菜单中选择一个项目时触发 select 事件；ui.item 是指选中的项目。select 的默认操作是将文本字段的值替换为所选项目的值。取消此事件可防止值被更新，但不会阻止菜单关闭

1 回答 1