自动补全

例一：
<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>'); 
 　　　　　　　　　　　　　　　　　　　　} 

　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　}); 
　　　　　　　　　　　}) 
});