autocomplete.js,这个插件是bassistance.de,这个插件可以控制条数,输入多少字触发事件等,是否匹配,比jquery ui的好用
var url = "/factoryNameList.html";
$("#factoryName").autocomplete(
url,
{
scroll: false,
matchContains: true,
width: 188,
minChars: 1,
dataType: "json",
mustMatch:false,
parse: function(data) {
var json= data.data
return $.map(json, function(row) {
return {
data: row,
value: row.fullName,
result: row.fullName
};
});//给后台交互的数据进行处理
},
formatItem: function(item) {
return item.fullName;
}
}
).result(function(event,item) {
$("#factoryId").val(item.factoryId);
});
这里$.map(json, function(row) 是遍历后端data的值,data是后台传回来的参数
如果想传另一个值回去,就在<input type="hiiden" name="factoryId" id="factoryId">,设一个隐藏的input
注意这里也有个result(function(event,item) 这个是结果的值
返回隐藏的结果用在这里 $("#factoryId").val(item.factoryId);