js用datalist插件自动补全

1.先定义一个

<datalist id="setdatalist1" ></datalist>

2.然后绑定到input框中

<input id="tradeCodeScc" name="tradeCodeScc" placeholder="18位社会信用代码" list="setdatalist1" type="text" onchange="tradechange1(this,1)" 
style="width: 20%;background: #FFFFE6" class="inputxt"   autocomplete="off"  value='${idcCustomerPage.tradeCodeScc}' />

3.js中实现

 

$(function(){ 
　　　　//为该元素绑定input框中值变化事件
　    $('#tradeCodeScc').bind('input propertychange', function() { 
　    $("#setdatalist1").empty();//每次加载前先清空之前的option
　　　　　　$.ajax({
　　　　　　type : "POST",　
　　　　　　url:'decMainController.do?setZdbq&keyword='+this.value,
 　　　　　success: function(data){
　　　　　　　　　　var json=eval("("+data+")") ;
　　　　　　　　   for(var i=0;i<data.length;i++){ 
　　　　　　　　　　　　　　$("#setdatalist1").append('<option value="'+json.queryForList[i].cuscode+'"></option>'); 
 　　　　　　　　　　　　　　　　　　　　} 

　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　}); 
　　　　　　　　　　　}) 
});