jquery-autocomplete

这是jquery里的例子，很详细。http://www.runoob.com/jqueryui/example-autocomplete.html

刚到公司完成的对于我来说是一个大功能点。但自己研究还是挺吃力，所以是由师傅帮忙的。现在整理了出来。

使用时是自己拼接的source数据。

$(document).ready(function() {

/*${availableTags} 数据是在后台从数据库中查询后拼接的autocomplete  的source要求的格式

if (availableTags.equals("")) {
availableTags = "[{lable:\"" + cu.getCustomName()
+ "\",value:\"" + cu.getCustomName() + "\",id:"
+ cu.getCustomId() + "}";
} else {
availableTags += ",{lable:\"" + cu.getCustomName()
+ "\",value:\"" + cu.getCustomName() + "\",id:"
+ cu.getCustomId() + "}";
}

*/

var availableTags = ${availableTags};

$("#customName").autocomplete({
source:availableTags,
select:function(event,ui){
$("#customId").val(ui.item.id);
}
});

}）;

HTML中

<input type="text" id="customName" data-provide="typeahead" style="width: 200px;"/> 
<input type="hidden" id="customId" value="" /><br/>