创建html文件,引入插件:jquery.autocomplete.js和jquery.autocomplete.css和jquery-2.1.4.min.js
$('#xxx').autocomplete(url, {
minChars: 0,
// 最小显示条数
max: 100,
// 最大显示条数
matchCase: false,
matchContains: true,
dataType: "json ",
// 指定数据类型的渲染方式
parse: function(data) {
var rows = [];
var d = data;
for (var i = 0; i < d.length; i++) {
rows[rows.length] = {
data: d[i],
value: d[i].chnName,
result: d[i].chnName
};
}
return rows;
},
formatItem: function(row, i, n) {
return row.chnName;
}
}).result(function(event, data, formatted) {
$('#xxx').val(data.chnName);
});