如何使用带有 JQuery 组合框的 Tab 键选择项目

Question

我正在使用 JQuery 的 combobox 示例代码以及远程数据源。它工作得很好，但我想在按 Tab 键时自动选择一个选项。例如，如果我开始输入并且只有一个选项可用，我想按 Tab 键并让它自动选择唯一可用的选项。

任何关于如何做到这一点的想法将不胜感激。

Answer 1

尝试将下一个事件绑定到文本框：

input.keypress(function (e) {
    if (e.keyCode == $.ui.keyCode.TAB) {
        var menu = input.data("autocomplete").menu;
        menu.activate($.Event({ type: "mouseenter" }), menu.element.children().first());
        menu.select(e);
    }
});