js用datalist插件自动补全

1.先定义一个

<datalist  ></datalist>

2.然后绑定到input框中

<input > 
style=" 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>'); 
                     } 

                }
              }); 
           }) 
});