Learning jQuery

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

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

2. Inputosaurus Text

Inputosaurus Text is a jQuery plugin that allows for multiple delimited values, parse hooks, autocomplete, keyboard shortcuts etc.

3. Tokeninput

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.

5. 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.

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

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.

8. 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. The plugin is built with a lot of options and callbacks to allow customization.

9. AutoComplete

jQuery Autocomplete plugin is a lightweight simple and easy in settings autocomplete like Google.

10. Autocomplete.js

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

11. Marco Polo

Marco Polo is a jQuery autocomplete plugin for the discerning developer.

12. 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.

13. Autocompleter

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

14. 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.

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.

16. Awesomeplete

Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependencies, built with modern standards for modern browsers.

17. EasyAutocomplete

EasyAutocomplete is a jQuery autocomplete plugin. It’s main objective is to be user friendly for javascript developers.

18. Horsey

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

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.