Autocompletion is a pattern that all Web users are familiar with. When you do a search, your search engine suggests terms. When you type a new e-mail message, your mail client suggest recipients.
jQuery Auto-Complete plugin allows you to easily create autocomplete/autosuggest boxes for text input fields. It was 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.
For this article we would like to present our audience Top jQuery Autocomplete Plugins for developers, you can use these plugins for your upcoming projects and can deliver a better end user experience to your visitors.
1. 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 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 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 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
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 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
Autocomplete.js is jQuery plugin that improve your search with hints. Autocomplete.js also has some options to customize.
8. Autocompleter
Autocompleter is a simple, easy, customisable autocomplete plugin with cache support (one more alternative).
9. MagicSuggest
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 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 is a progressive and customizable autocomplete component. It supports every sane browser and IE7+.
12. 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 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 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
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
At.js is an autocompletion library to autocomplete mentions, smileys etc. just like on Github or Twitter. 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.
