常见的jQuery自动补全插件

jopen 9年前

1. Form Mapper

form-mapper
An advanced jQuery plugin that utilizes the Google Maps API’s Geocoding and Places Autocomplete services. You simply provide a single input field that lets you search for locations with an autocomplete dropdown. Optionally: you can add a map container that will display an interactive map with drag and drop location finding capabilities and a form that will be populated with the complete address details including the latitude and longitude coordinates.

2. Ajax Auto Complete

ajax-auto-complete
Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.Built with focus on performance – results for every query are cached and pulled from local cache for the same repeating query. If there are no results for particular query it stops sending requests to the server for other queries with the same root.

3. jQuery Typhead

jquery-typehead
jQuery Typeahead Search is a simple plugin that suggest search results from the character(s) that were typed in the search bar using JavaScript. It gives a search preview from Json object(s) via same domain Ajax request or cross domain jsonp and offers data compression inside Local Storage.

4. Awesomplete

awesomplete
Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers. You can simply add awesomplete for it to be automatically processed (you can still specify many options via HTML attributes) Otherwise you can instantiate with a few lines of JS code, which allow for more customization. Awesomplete is released under the MIT License.

5. Combogrid

jquery-combogrid
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item. Combogrid is a solution to manage big data set, the source is only reached dynamically through Ajax callbacks specifying a URL

6. Geocomplete

geocomplete
Geocomplete is an advanced jQuery plugin that wraps theGoogle Maps API’s Geocoding and Places Autocomplete services. You simply provide an input that lets you search for locations with a nice autocomplete dropdown. Optionally add a container to show an interactive map and a form that will be populated with the address details.

7. Autocomplete.js

autocompletejs
Autocomplete.js is jQuery plugin that improve your search with hints. Autocomplete.js also has some options to customize.

8. Autocompleter

autocompleter
Autocompleter is a simple, easy, customisable autocomplete plugin with cache support (one more alternative).

9. MagicSuggest

magic-suggest
MagicSuggest is highly flexible auto suggest combo box in the line of Bootstrap themes. It is many configuration options that you can customize.

10. SmartSuggest

smart suggest
Smart Suggest is a “fancy” search suggestion plugin for jQuery (much like Apple’s site search). Smart Suggest takes auto-complete boxes to the next level. It display results from various categories, all in one box. For instance, show results from “web pages,” “downloads,” and “support articles” all from one search query.

11. Horsey

horsey
Horsey is a progressive and customizable autocomplete component. It supports every sane browser and IE7+.

12. TextExt

textext
TextExt is an autocomplete and tag input plugin for jQuery which allows you easily turn a standard HTML text input into a wide range of modern, tailored to your needs input field without bloating your source code and slowing down your site with the code that you aren’t using.

13. Autocomplete Table

autocomplete-table
Autocomplete Table is a jQuery plugin that provides suggestions from a multi-column table in a dropdown list while the visitors type into the input field.

14. AutoJS

autojs
AutoJS is a library to continuously autocomplete textarea based on a standard dictionary. Dictionary has been deviced based on researches and linguistic methods, keeping an eye on minimizing the size of the library. Complete project is written in plain js, with no external dependencies, and it’s size is reduced to mere 6kb.

15. CBTAutocomplete

CBTAutocomplete
It is a jQuery plugin, It supports auto-complete with single column view & multiple column view, also includes header with auto-complete source (one can hide header by supplying parameter-discuss at documentation). Data rows are loaded via JSON array and display/searching criteria can be changed by applying parameter and many more options.Also use to design dropdown checkbox list.

16. AT.js

atjs
At.js is an autocompletion library to autocomplete mentions, smileys etc. just like on Github or 推ter. It supports HTML5 contentEditable elements. You can listen to any character and not just ‘@’, set up multiple listeners for different characters with different behavior and data.
Listener events can be bound to multiple inputors. Keyboard controls are supported in addition to mouse. You can use custom data handlers and template renderers using a group of configurable callbacks.