如何在easyautocomplete jquery插件中突出显示建议列表中的第一项?

时间:2019-04-01 12:09:06

标签: jquery jquery-ui-autocomplete easyautocomplete

我正在实现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键提交表单,而无需使用按键或使用光标进行选择。就是这个主意。

0 个答案:

没有答案