jQuery自动完成：在建议中选择项目

Question

我已经实现了ui自动完成小部件。就我而言，我提供了固定的建议列表。

当我输入该字段并将其填充时，我想选择与输入字段中的文本相等的建议。

有什么建议怎么做？

Answer 1

根据需要，您可以添加自己的open事件处理程序，您可以在其中确定将激活哪些菜单项。这是我的示例实现：

$('#myinput').autocomplete({
    source: function(request, response) {
        response(["bus", "car", "carpet", "donkey"]);
    },
    open: function(event, ui) {
        var val = $('#myinput').val();
        var menu = $(this).data("autocomplete").menu;
        var item = menu.element.find('a:contains("' + val + '")').first();
        menu.activate($.Event({ type: "mouseenter" }), item.parent());
    }
});

您可以在这里查看小提琴。

PS：您也许可以ui直接从参数中拉菜单对象，但是我没有看到它的文档，现在我懒得进一步研究；）

PS2：当没有找到我不包括的匹配项时，也请考虑检查空引用。