10 Best Autocomplete & Typeahead Plugins For 2019

by jQueryScript,

Autocomplete is a generic design pattern that is typically used in an input field, which displays a dropdown list containing predefined suggestions when typing.

In this blog post, we collected and listed here a list of 10 best jQuery plugins to easily and quickly implement the Autocomplete & Typeahead functionalities on your modern web app. Have fun.

10 Best Autocomplete & Typeahead Plugins:

Dynamic jQuery Typeahead Plugin For Bootstrap 4 - Bootstrap Typeahead

This is an easy-to-use jQuery Autocomplete & Typeahead plugin for the latest Bootstrap 4 or 3 framework that works both JSON objects and JavaScript strings.

https://www.jqueryscript.net/form/jQuery-Bootstrap-4-Typeahead-Plugin.html

[Demo] [Download]


Dynamic Autocomplete Dropdown For Bootstrap - jQuery Autocomplete.js

This is a lightweight jQuery plugin which applies a fast and dynamic autocomplete functionality to an input field styling with the Bootstrap framework.

https://www.jqueryscript.net/form/Autocomplete-Dropdown-Bootstrap-jQuery.html

[Demo] [Download]


AJAX Autocomplete & Live Search Plugin With jQuery And PHP

This is a jQuery and PHP powered autocomplete library which adds the performant, configurable, AJAX-enabled live search functionality to your text input.

https://www.jqueryscript.net/form/AJAX-Live-Search-Plugin-jQuery-PHP.html

[Demo] [Download]


Disable Chrome Autofill & Autocomplete With jQuery - disableAutoFill

disableAutoFill is a lightweight jQuery plugin for disabling autofill and autocomplete functionalities in Google Chrome browser.

https://www.jqueryscript.net/form/Disable-Chrome-Autofill-Autocomplete-jQuery.html

[Demo] [Download]


AJAX Autocomplete Plugin For Bootstrap Select

Ajax Bootstrap Select is a jQuery extension for the popular Bootstrap select plugin that enables the AJAX autocomplete (live search) functionality on the dropdown select.

https://www.jqueryscript.net/form/AJAX-Autocomplete-Bootstrap-Select.html

[Demo] [Download]


Simple Tagging System With Autocomplete - jQuery amsify.suggestags

amsify.suggestags is a simple jQuery tag/token input plugin which converts the regular input into a multi-select, auto-suggesting tagging system.

https://www.jqueryscript.net/form/Tagging-System-Autocomplete-Amsify-Suggestags.html

[Demo] [Download]


Responsive Tags Input With Autocomplete - jQuery tagsInput

This is a powerful, flexible jQuery based tags input where the users are able to add tags/tokens in the input box or select items from a suggestion dropdown while typing.

https://www.jqueryscript.net/form/Tags-Input-Autocomplete.html

[Demo] [Download]


JSON Based Autocomplete With Fuzzy Search - jQuery fuzzyComplete

fuzzyComplete is a jQuery autocomplete plugin for input fields, with support for the fuzzy search functionality based on the fuse.js library.

https://www.jqueryscript.net/form/JSON-Autocomplete-Fuzzy-Search-jQuery-fuzzyComplete.html

[Demo] [Download]


jQuery Autocomplete With External Data Source - pughound.js

jQuery pughound.js is a small, easy and customizable jQuery autocomplete plugin for the text field that has the ability to fetch suggestions from an external data source you specify.

https://www.jqueryscript.net/form/Autocomplete-External-Data-jQuery-Pughound.html

[Demo] [Download]


Scrollable Autocomplete List For jQuery UI

jquery.ui.autocomplete.scroll.js is a jQuery extension for the jQuery UI autocomplete widget that makes the suggestion list scrollable and allows to specify the maximum number of entries to show.

https://www.jqueryscript.net/form/Scrollable-Autocomplete-List-jQuery-UI.html

[Demo] [Download]