jQuery AutoComplete 自動補全


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

特性一覽:

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

  • github

在線實例

實例預覽 自動補全基本實例

實例預覽 自動補全功能實例

參考手冊 jQuery.AutoComplete API文檔

引入文件

  1. <script type="text/javascript" src="jquery1.8.3.min.js"></script>
  2. <link rel="stylesheet" type="text/css" href="jquery.autocomplete.css">
  3. <script type="text/javascript" src="jquery.autocomplete.min.js"></script>
復制

使用方法

  1. <input type="text" id="down" value="e"></input>
復制
  1.  $('#down').AutoComplete({
  2.     'data': ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 'Seven', 'Eight', 'Nine', 'Ten', 'Eleven', 'Twelve'],
  3.     'itemHeight': 20,
  4.     'width': 280
  5. }).AutoComplete('show');
復制

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM