JQuery AutoComplete Auto-complete

Jquery.autocomplete is a jquery-based auto-completion plugin. With jquery's excellent cross-browser features, it is compatible with a wide range of browsers such as Chrome/ie/firefox/opera/safari.

Features at a glance:

• Supports the width setting of the complement list.
• Supports the maximum height setting for the complement list.
• The number of row limit for the complement list is supported.
• Supports setting the display position and orientation of the completion list.
• Supports custom matching rules.
• Supports rendering of matched text.
• Supports rendering styles for custom matching text.
• Supports style settings for a complete list.
• Supports the creation of custom complement list items.
• Supports multiple data sources.
• Supports both ' JSON ' and ' XML ' data formats.
• Supports asynchronous processing.
• Error debugging is supported.

• Support jquery1.7.1+.

• GitHub

Online example

Instance Preview Auto-Complete Basic instance

Instance preview auto Complement feature instance

Reference manual Jquery.autocomplete API documentation

Introducing Files

2. <script Type="text/javascript" src="Jquery1.8.3.min.js"></script >
4. <link rel="stylesheet" type="text/css" href=" Jquery.autocomplete.css ">
6. <script Type="text/javascript" src="Jquery.autocomplete.min.js"></ script>

CopyHow to use

1. <input Type="text" id="Down" value="E"> </input>

Copy

2. $(' #down '). AutoComplete({
3. ' Data ':[' One ',  ' ", < span class= "str" > ' three ' , ,< Span class= "PLN" >  ' Five ' ,  Six ' ,  ' Seven ' ,   ' Eight ' ,  ' Nine ' ,  ' Ten ' , < span class= "str" > ' eleven ' ,  ' twelve '
5. ' ItemHeight ':
7. ' width ': 280
9. }). AutoComplete(' show ');

Copy Download

JQuery AutoComplete Auto-complete