Autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, leveraging searching and filtering.
By giving an Autocomplete field focus or entering something into it, the plugin starts searching for entries that match and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.
For this roundup we would like to showcase 20 Best 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. Magic Suggest
2. Inputosaurus Text
Tokeninput is a jQuery plugin which allows your users to select multiple items from a predefined list, using autocompletion as they type to find each item. You may have seen a similar type of text entry when filling in the recipients field sending messages on facebook.
4. jQuery Tagit
The jQuery Tagit plugin transforms an html unordered list into a unique tagging plugin. Why unique? Because jQuery Tagit uses jQuery Ui's auto-complete plugin to supply suggestions to users as they type.
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.
6. Ajax AutoComplete
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.
7. Autocomplete Table
8. jQuery Typehead
11. Marco Polo
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.
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.
15. 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.
19. jQuery ComboGrid Plugin
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. It can be integrated with any server-side technology.
20. 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.