jQuery AutoComplete auto-completion

jQuery.AutoComplete is a jQuery-based autocomplete plugin. With the excellent cross-browser features of jQuery, it can be compatible with various browsers such as Chrome/IE/Firefox/Opera/Safari.

Features at a glance:

• Supports the width setting of the completion list.
• Supports the maximum height setting of the completion list.
• Line limit for supported list completions.
• Supports the setting of the display position and direction of the completion list.
• Support custom matching rules.
• Supports rendering of matched text.
• Supports custom rendering styles for matching text.
• Supports styling for completion lists.
• Supports the creation of custom completion list items.
• Multiple data sources are supported.
• Both 'json' and 'xml' data formats are supported.
• Asynchronous processing is supported.
• Error debugging is supported.

• Support jQuery1.7.1+.

• github

Online instance

Instance Preview  Autocomplete Basic Instance

Instance preview  auto-completion function instance

Reference  ManualjQuery.AutoComplete API Documentation

import file

1. <scripttype="text/javascript"src="jquery1.8.3.min.js"></script>  
2. <linkrel="stylesheet"type="text/css"href="jquery.autocomplete.css">   
3. <scripttype="text/javascript"src="jquery.autocomplete.min.js"></script>  

copy

Instructions

1. <inputtype="text"id="down"value="e"></input>   

copy

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

复制

---

下载