示例数据:
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.1
和UI
工作得很好
直接传入json数据即可。
参见jsfiddle
关于JQuery 自动完成不缩小范围,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16762959/