自动补全 - 爱码网

例一：
<t:autocomplete entityName="DecMainPage" searchField="consigneeCode" name="consigneeCode" minLength="2" defValue="${idcCustomerPage.consigneeCode}" ></t:autocomplete>

/*
 * 自动补全备用
 * $(function() {
      $(\'input[name="tradeCode"]\').on(\'blur\', function(){
          var id =this.value;
              $.ajax({
                 type : "POST",　
                url:\'decMainController.do?wuliaoaa\',
                data: \'id=\'+id,　
                 
                success: function(data){
                    var json=eval("("+data+")") ;
                     
                    $(\'#supLevel\').val(json.supLevel);
                    $(\'select[name="supType"]\').val(json.supType);
                    $(\'#supAddress\').val(json.supAddress);
                    $(\'#supFax\').val(json.supFax);
                    $(\'#supPerson\').val(json.supPerson);
                    $(\'#supEmail\').val(json.supEmail);
                    $(\'#supPhone\').val(json.supPhone)
                    $(\'#supRoadmap\').val(json.supRoadmap);
                    $(\'#quoteName\').val(json.quoteName);
                    $(\'#supCommnet\').val(json.supCommnet);
                    $(\'#basefid\').val(json.basefid);
                }
            });  
      })
}) */

自动补全例二：

1、定义一个标签

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

2、标签id绑定到文本框的list属性

<input id="id" name="id" list="setdatalist1"/>

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>\'); 
 　　　　　　　　　　　　　　　　　　　　} 

　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　}); 
　　　　　　　　　　　}) 
});