如何在使用来自远程源的类别时让 JQuery-UI 自动完成以按 Enter 提交？

Question

我正在使用来自 jqueryui 站点的以下样板代码： http://jqueryui.com/autocomplete/#categories http://jqueryui.com/autocomplete/#remote

$.widget("custom.catcomplete", $.ui.autocomplete, {
    _create: function() {
        this._super();
        this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
    },
    _renderMenu: function(ul, items) {
        var that = this,
            currentCategory = "";
        $.each(items, function(index, item) {
            var li;
            if (item.category != currentCategory) {
                ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                currentCategory = item.category;
            }
            li = that._renderItemData(ul, item);
            if (item.category) {
                li.attr("aria-label", item.category + " : " + item.label);
            }
        });
    },
});

$(function() {

    $("#search").catcomplete({
        delay: 0,
        source: "search",
        select: function(event, ui) {
            ajax.get("/displayInfo", {
                a: ui.item.value
            }, displayInfo, true);
        }
    });
});

但是即使用户只是按下回车，我如何获得输入触发器“选择”？现在，如果您只是按 Enter 键（不从下拉菜单中选择任何内容），下拉菜单就会消失并且什么也不会发生。但我不想将下拉列表中的任何内容（即使它不匹配）发送到 /displayInfo。

有什么建议吗？

Answer 1

当出现自动完成搜索时，使用箭头键并按回车键，它会自动将值填充到文本框中。 要么 您可以使用 onkeyup 或 onkeypress 事件，然后为 Enter 找到 event.keycode，然后使用功能。