JQuery AutoComplete auto-completion, jqueryautocomplete

JQuery AutoComplete auto-completion, jqueryautocomplete

JQuery. AutoComplete is a jQuery-based auto-completion plug-in. With jQuery's excellent cross-browser features, it can be compatible with Chrome, IE, Firefox, Opera, Safari, and other browsers.

Features:

• You can set the width of the Completion list.
• Supports setting the maximum height of the complete list.
• Supports limit on the number of rows in the Completion list.
• You can set the display position and direction of the complete list.
• Supports custom matching rules.
• Supports matching text rendering.
• Supports custom rendering styles that match texts.
• You can set styles in the Completion list.
• Allows you to create custom Completion list items.
• Supports multiple data sources.
• The data formats 'json' and 'xml' are supported.
• Supports asynchronous processing.
• Supports error debugging.

• JQuery1.7.1 + is supported.

• Github

Online instance

Instance preview auto-completion of basic instances

Instance preview auto-completion full-featured instances

JQuery. AutoComplete API reference

Import File

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>

Copy usage

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

Copy

1. $ ('# Low'). AutoComplete ({
2. 'Data': ['one', 'two', 'three ', 'four', 'five', 'six', 'seven', 'Eight ', 'nine', 'ten ', 'even', 'twelve'],
3. 'Itemheight': 20,
4. 'Width': 280
5. }). AutoComplete ('show ');

Copy and download