JQuery 自动完成不缩小范围

标签 jquery autocomplete jquery-ui-autocomplete

示例数据:

var data = [{label:"Jonathan Montiel",value:"28465"},{label:"Jackson C. Gomes",value:"5145692"}];

自动完成代码:

$("#tagName").autocomplete({        
            source: function(request, response) {
                response(data);
            },
            select: function( event, ui ) {
                $( "#tagName" ).val( ui.item.label); 
                return false;
            }
        });

当我输入带有 id #tagName 的输入时,自动完成选项会显示但不会在我键入时减少,任何字母输入都会留下相同的自动完成结果,例如输入 ja 会显示两个选项。

有明显的错误吗?

最佳答案

$("#tagName").autocomplete({        
            source: data //updated here
            },
            select: function( event, ui ) {
                $( "#tagName" ).val( ui.item.label); 
                return false;
            }
        });

对于我来说,使用jquery 1.9.1UI工作得很好 直接传入json数据即可。

参见jsfiddle

关于JQuery 自动完成不缩小范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16762959/

相关文章:

javascript - ACE 编辑器中的自动完成

javascript - 如何将多个数据库数据传递到 Laravel 5.7 中的 jQuery 自动完成(AJAX)中

vim - 无法使用 clang_complete 的 clang_snippets=1 参数隐藏 <# 和 #>

javascript - jQuery 自动完成 : How to obtain HTML item's "id" attribute?

javascript - 如何从自动完成而不是文本中发布值?

javascript - 追加后,更改值并删除旧值

jquery - 如何使用 jquery/ajax 正确刷新包含表单的 div?

javascript - 如何更改ajax结果的自动完成

jQuery 添加和删除类在一个系列中不起作用

jQuery .ajax post 因大型 JSON 对象而失败