jQuery.AutoComplete

jQuery.AutoComplete是一個基於jQuery的自動補全插件。藉助於jQuery優秀的跨瀏覽器特性，可以兼容Chrome/IE/Firefox/Opera/Safari等多種瀏覽器。

特性一覽：

• 支持補全列表的寬度設定。
• 支持補全列表的最大高度設定。
• 支持補全列表的行數限制。
• 支持補全列表的顯示位置及方向的設定。
• 支持自定義匹配規則。
• 支持匹配文本的渲染。
• 支持自定義匹配文本的渲染樣式。
• 支持補全列表的樣式設定。
• 支持自定義補全列表項的創建。
• 支持多種數據源。
• 支持'json'和'xml'兩種數據格式。
• 支持異步處理。
• 支持錯誤調試。

演示地址：http://work.jiani.info/jQuery.AutoComplete/demo/
文檔地址：http://work.jiani.info/jQuery.AutoComplete/doc/

https://github.com/nswish/jQuery.AutoComplete

使用例子：

function query(input){
       var url = '<%=jpath %>/queryMusic.do?key='+$(input).val();
       $.ajax({
          url: url,
          type: "GET",
          cache: false,
          success: function(data){
              var str=[];
                 for( var i=0,count=data.length;i<count;i++){
                    str[i]=data[i].musicName+"  -  "+data[i].sclassName;
               }
               $(input).AutoComplete({
                    'data': str,
                    'itemHeight': 24,
                    'width': 280,
                    'onerror': function(msg) {
                        alert(msg);
                    }
              });
          }
        });
 }