jQuery UI仿淘宝搜索下拉列表功能

代码如下：

<script type="text/javascript">
         $("#querys").autocomplete({
            source: function( request, response ) {
            var name=$.ui.autocomplete.escapeRegex( request.term );
            response( $.grep( DataSouce(name), function( item ){
             return item;
            }) );
            }
           }); 
         function DataSouce(name)
         {
          var querylist=new Array();
           $.ajax({
              type: "get",
              data:{q:name},
              url:"query",
              dataType:'json',
              contentType: "application/json",
              async:false,
              success:function(data){
               $(data.data.searchPOJOList).each(function(i){
                 querylist[i]=data.data.searchPOJOList[i].goodsName;
               })
              }
            })
          return querylist;
         }
      </script> 

 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持软件开发网。