如何判断是否从JQuery UI自动完成中选择了一个建议

前端之家收集整理的这篇文章主要介绍了如何判断是否从JQuery UI自动完成中选择了一个建议前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个连接到 JQuery UI Autocomplete的文本框.当用户在框中输入时,我的搜索通过ajax调用运行并返回建议.似乎有三件事情可能发生:

>自动填充建议选项,用户选择其中一个
>自动填充建议选项,但用户选择不选择任何选项
>自动完成无法提出建议 – 不匹配(因此建议列表不显示)

处理上述所有情况,如何判断用户是否从自动填充中选择了一个选项?

搜索开始(匹配=假)和选择发生(匹配=真)时,我已经研究了标记标记,但这似乎不是一种非常简洁的做事方式.

解决方法

您可以使用像 @bfavaretto指出的select事件,但我认为在这种情况下使用change事件会更方便:
$("#auto").autocomplete({
    source: ['hi','bye','foo','bar'],change: function(event,ui) {
        if (ui.item) {
            $("span").text(ui.item.value);
        } else {
            $("span").text("user picked new value");
        }
    }
});

示例:http://jsfiddle.net/andrewwhitaker/3FX2n/

当字段模糊时更改触发,但与本机更改事件不同,您将获得有关用户是否单击事件的信息(如果用户未单击建议,则ui.item为null).

原文链接:https://www.f2er.com/jquery/176940.html

猜你在找的jQuery相关文章