Best jQuery AutoComplete Plugins & Tutorials with Demo

    Ajax AutoComplete for jQuery

    Ajax AutoComplete for jQuery

    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.

    jQuery tag input and autocomplete plugin : TextExt

    jQuery tag input and autocomplete plugin : TextExt

    TextExt is a plugin for jQuery which is designed to provide functionality such as tag input and autocomplete.TextExt’s modular design 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.

    Address Picker: Display Real Time Map Location in jQuery

    Address Picker: Display Real Time Map Location

    Address Picker is a jQuery plugin with autocomplete and location on map features. It displays map for the selected address, even while you navigate in autocomplete suggestions.Autocomplete filled by Google Map Geocoder suggestions.

    Nodstrum – jQuery Auto Completer

    Nodstrum - jQuery Auto Completer

    I thought i would write this tutorial because most of the auto completer applications i have seen just dump the code into a zip and tell you how to use it rather than how and why it works, knowing about this enables you to customise it a lot more…

    Redesigning the jQuery Country Selector

    Redesigning the jQuery Country Selector

    During our recent checkout study we found several usability issues when using a drop-down for your country selector: a lack of overview, unclear sorting, scrolling issues, inconsistent UIs, a lack of context on mobile devices, and finally, they break the user’s tab-flow.

    Using principles of progressive enhancement we turn a standard drop-down into an advanced auto-complete field. This means the drop-down remains accessible, while providing a much better experience in modern browsers – handling typos, multiple spelling sequences, synonyms and prioritization.

    jQuery ComboGrid Plugin

    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.

    VisualSearch.js – jQuery modern search boxes

    jQuery search boxes

    VisualSearch.js enhances ordinary search boxes with the ability to autocomplete faceted search queries. Specify the facets for completion, along with the completable values for any facet. You can retrieve the search query as a structured object, so you don’t have to parse the query string yourself.

    Ajax AutoComplete for jQuery

    Ajax AutoComplete for jQuery

    Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields.

    It is 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.

    Autocomplete jQuery Plugin for Textarea

    We all know the auto-complete feature. We use it in google search, when google tries to suggest our search term, and you probably saw it in many other sites which implemented the auto-complete for their own use. Most of the auto-complete out there are implemented in a text field, where the user has one line and usually its for a small amount of text.

    jQuery Autocomplete plugin

    This script is based on jQuery Autocomplete plugin made by PengoWorks. It has many options and is quite easy to setup in your page. You can pass advanced options as a JavaScript object, hashes etc…