我正在实现easyautocomplete,它正在工作。我不知道的是,如何在显示时自动使其突出显示建议列表中的第一个值。没有内置选项可以做到这一点(自动对焦,selectFirst ...)
我发现一个人应该为此目的使用'onShowListEvent',但是我对jQuery不够熟练,无法弄清楚它应该是什么。
list: {
match: {
enabled: true
},
onClickEvent: function() {
var value = $("#indicator-search-bar").getSelectedItemData().indicator; //get the id associated with the selected value
$("#indicator-search").val(value).trigger("change"); //copy it to the hidden field
$(event.target).closest('form').submit();
},
onKeyEnterEvent: function() {
var value = $("#indicator-search-bar").getSelectedItemData().indicator; //get the id associated with the selected value
$("#indicator-search").val(value).trigger("change"); //copy it to the hidden field
$(event.target).closest('form').submit();
},
onSelectItemEvent: function() {
var value = $("#indicator-search-bar").getSelectedItemData().indicator; //get the id associated with the selected value
$("#indicator-search").val(value).trigger("change"); //copy it to the hidden field
},
onShowListEvent: function() {
console.log("List shown");
}
},
此刻,当您在搜索表单中输入内容并且匹配时,将显示建议,您将获得控制台输出“显示的列表”。
没有突出显示任何项目,但是如果我可以在显示列表时使第一个突出显示,则用户可以使用Enter键提交表单,而无需使用按键或使用光标进行选择。就是这个主意。