17 Powerful jQuery Autocomplete Plugins

“Type and enter” is the most common hint text on websites search box. After users type the keyword they want to search and hit the enter, then they will be taken to the new page with search results.

See Also: jQuery Scrollbar Plugins

It’s may not a simple process for users, because they have to reload the page to find what they want on your website.

There are several solutions to modify the search function on your website. this will also enhance the user experience on your site.

The Autocomplete search provides suggestions as you type into the field.

Check out some examples below;

  • Examples of “wo” will display suggestions “WordPress” or “WordPress Themes”.
  • Examples of “j” will display suggestions “Jekyll” or “Joomla” (Blog Software).

The use autocomplete in the search box is a smart solution, users can view search results with specific keywords without having to reload the page, this will also enhance the user experience on your site. Users can type few characters and get search suggestions with a dropdown view immediately.

Autocomplete or Autosuggestion Plugins

You can add an autocomplete function on your website by using jQuery plugins, because it’s powerful with deep customization options.

jQuery autocomplete can be used in the search field or text area of product search, map address autosuggestion, articles, tables and other common datasheet.

In today’s post, we gathered some of the best and free jQuery Autocomplete plugin for you, especially for web developers who want to build a powerful search box with autosuggestion.

See Also: The Best of jQuery Video Players

jQuery Tokeninput

jQuery Tokeninput

Tokeninput has a Intuitive user interface auto completion that allow users to select multiple items from a predefined list. It’s a jQuery plugin with client-side result caching to reduce server load.

DOWNLOAD

autoComplete.js

autoComplete.js

AutoComplete is a jQuery plugin which allows developers to add autoComplete search boxes with beautiful user interface on your website.

DOWNLOAD

jQuery Textcomplete

jQuery Textcomplete

jQuery Textcomplete is an Autocompleting plugin like a GitHub comment form (text area).

DOWNLOAD

GS Custom Autocomplete Input

GS Custom Autocomplete Input

GS Custom Autocomplete helps you easily add on your website one or more input fields that will help the user with some autocomplete hints.

It’s a Light weight jQuery Autocomplete, You can add as many autocomplete inputs on a page as you like.

DOWNLOAD

jQuery Address-picker

jQuery Addresspicker

jQuery Address-picker is an address autocomplete field by google map geocoder suggestions for selecting an address.

DOWNLOAD

TextExt Plugin for jQuery

TextExt Plugin for jQuery

TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.

This plugin 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.

A wide number of plugins are available including Tags, Autocomplete, Filter, Ajax as well as a few which are purely aesthetic like Focus.

DOWNLOAD

jQuery Typeahead

jQuery Typeahead Search is a simple plugin that suggest search results from the character that were typed in the search bar. Quickly display search suggestions to your visitors, filter by subject. The plugin is built with a lot of options and callbacks to allows customization.

jQuery Typeahead supports internal and external Ajax requests and advanced caching options.

DOWNLOAD

CBTAutocomplete

CBTAutocomplete

CBTAutocomplete jQuery Autocomplete plugin supports auto-complete with single column view & multiple column view, also includes header with auto-complete source.

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 drop-down checkbox list.

DOWNLOAD

tAutocomplete

tAutocomplete

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.

DOWNLOAD

jQuery Marco Polo

jQuery Marco Polo

jQuery Marco Polo is an autocomplete plugin for the discerning developer. Marco Polo prevents unnecessary requests through its build-in results cache. Marco Polo can be configured to require a selection be made from the results, ensuring that the text input is left empty when no selection is made.

DOWNLOAD

Tag-it

Tag-it

Tag-it is a simple and configurable tag editing widget with autocomplete support. You can customize the appearance as any jQuery UI widget.

DOWNLOAD

jQuery Smart Auto Complete plugin

jQuery Autocomplete

AutoComplete plugin with smart defaults and flexibility to customize, It’s gives you the flexibility to override the built-in filter function with a custom function.

Custom filter function should return an array of results or a deferred promise, which returns an array on resolve.

DOWNLOAD

Ajax Autocomplete for jQuery

Ajax Autocomplete for jQuery

Ajax Autocomplete for jQuery allows you to easily create auto-complete or auto-suggest boxes for text input fields. It has small file size when minified via Closure Compiler and gzipped.

DOWNLOAD

EasyAutocomplete

EasyAutocomplete

EasyAutocomplete is a highly configurable jquery autocomplete plugin that allows to search, sort and match the response phrase,
It lets you use a couple of different list templates and even offers you possibility to create your own list template.

EasyAutocomplete has an interesting, clean, modern build in CSS styles.

DOWNLOAD

autoComplete Plugin by Pixabay

autoComplete Plugin by Pixabay

autoComplete Plugin by Pixabay A flexible and lightweight completion suggester plugin for jQuery. It’s plugin was developed by and for Pixabay.

DOWNLOAD

jQuery Ajax Combobox

jQuery Ajax Combobox

A jQuery plugin for creating a text box it can auto-complete and pull-down-select.

DOWNLOAD

Selectize.js

Selectize.js

Selectize is a jQuery Autocomplete based text box with  native-feeling keyboard navigation. It’s useful for tagging, contact lists, country selectors, and so on.

You can customize the look and feel Selectize plugin, it’s build in LESS style-sheets and shims for Bootstrap.

DOWNLOAD

Leave a Reply

Your email address will not be published. Required fields are marked *