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
- <script Type="text/javascript" src="Jquery1.8.3.min.js"></script >
- <link rel="stylesheet" type="text/css" href=" Jquery.autocomplete.css ">
- <script Type="text/javascript" src="Jquery.autocomplete.min.js"></ script>
CopyHow to use
- <input Type="text" id="Down" value="E"> </input>
Copy
- $(' #down '). AutoComplete({
- ' Data ':[' One ', ' ", < span class= "str" > ' three ' , ,< Span class= "PLN" > ' Five ' , Six ' , ' Seven ' , ' Eight ' , ' Nine ' , ' Ten ' , < span class= "str" > ' eleven ' , ' twelve '
- ' ItemHeight ':
- ' width ': 280
- }). AutoComplete(' show ');
Copy Download
JQuery AutoComplete Auto-complete