自动完成 - 如何在点击时进行查询。目前显示列表中显示的所有选项

Question

我正在一个名为earthquake damage map的网站上工作。它几乎完成，但是我有一个自动完成功能的问题。它与搜索按钮一起工作正常，但我想完全摆脱搜索按钮。它应该查询结果，当我点击列表中的结果，而是显示出现在列表中的所有结果。

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

正如你可以看到查询结果为I型这是很好的，但是当单击列表中的结果不正确显示。

任何帮助将不胜感激。

Answer 1

无论你正在呼吁点击搜索按钮的代码，你可以移动代码到自动完成的select事件如下：

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

从jqueryui网站，

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