jquery autocomplete:选择建议中的项目

时间:2012-09-07 13:34:04

标签: jquery jquery-ui autocomplete jquery-ui-autocomplete

我已经实现了ui自动完成小部件。 就我而言,我提供了一份固定的建议清单。

当我输入字段并填写时,我想选择与输入字段中的文本相等的建议。

有任何建议如何做到这一点?

1 个答案:

答案 0 :(得分:4)

根据您的需要,您可以为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());
    }
});

您可以查看小提琴here

PS:您可以直接从ui参数中提取菜单对象,但我没有看到它的记录,现在我太懒了,无法进一步调查;)

PS2:当没有找到我没有包含的匹配时,还要考虑检查空引用。