Best jQuery AutoComplete Plugins & Tutorials with Demo

    jQuery Email Autocomplete Plugin

    jQuery Email Autocomplete Plugin

    A jQuery plugin that suggests and autocompletes the domain whenever your users type in an email address field.Press the tab-key, or simply click on the suggestion to automatically fill in the rest of the domain.

    Rich_textarea : jQuery UI plugin replacement for a TEXTAREA

    rich_textarea: jQuery UI plugin replacement for a TEXTAREA

    Rich_TextArea is a jQuery plugin replacement for the venerable HTML TEXTAREA that adds arbitrary triggered autocompletes along with the insertion of rich “embedded objects” included images, links, or any other markup.

    Rich_TextArea is not a WYSIWYG editor. It’s intended to be a replacement for a plain TEXTAREA with some additional features including:

    1. dropdown autocomplete support based on definable trigger characters such as @mentions, #tags, etc.
    2. insertion of arbitrary markup to represent “embedded objects”, such as images, links, etc. which are treated as single entities from the point of view of cursor movement and mouse selections.
    3. regular expression triggered callbacks enabling things like in-line URL rewriting, smiley insertion, etc.
    4. generation of a plain text representation of the editable area.

    jQuery Location Picker plugin

    jQuery Location Picker plugin

    This plug-in allows to easily find and select a location on the Google map. Along with a single point selection, it allows to choose an area by providing its center and the radius. All the data can be saved to any HTML input element automatically as well as be processed by Javascript (callback support).

    Features:

    • Doesn’t require JQuery UI. The only requirements are JQuery and GoogleMaps API
    • Allows to pick an area with specified radius
    • Automatical binding to UI components (bidirectional data exchange)
    • Autocomplete for address input
    • Navigation by cordinates as well as by address

    jQuery Universal Language Selector

    jQuery Universal Language Selector

    jQuery.uls has an elaborative language information collection. ULS can autocomplete a language name search.It knows about

    1. The script in which a language is written.
    2. The script code
    3. The language code
    4. The regions in which the language is spoken
    5. The autonym – language name written in its own script
    6. The directionality of the text

    With all these information the search becomes very effective. Based on the spoken regions, the UI organize the languages. In side regions the language is again organized based on scripts.

    Geocomplete : jQuery Geocoding and Places Autocomplete Plugin

    Geocomplete : jQuery Geocoding and Places Autocomplete Plugin

    An advanced jQuery plugin that wraps the Google 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.

    jquery Sew : jQuery Inline Selector

    jquery Sew : jQuery Inline Selector

    Inline option selection for HTML Text Inputs, auto-complete after a token.

    FormMapper : Address Autocomplete & Geolocation with jQuery

    FormMapper : Address Autocomplete & Geolocation with jQuery

    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.

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    jQuery UI Bootstrap : Bootstrap-themed kickstart for jQuery UI widgets

    A jQuery UI theme based on Twitter Bootstrap.This project was started to bring the beauty and ease-of-use of Twitter Bootstrap to jQuery UI widgets.In their original forms, jQuery UI and Bootstrap can’t coexist resulting in conflicts with both CSS classes and styles as well as JavaScript when you do try to use them. jQuery UI Bootstrap provides the JavaScript and CSS required to quickly start a project using both jQuery UI and Twitter Bootstrap.

    Our solution offers a custom version of Bootstrap compatible with jQuery UI as well as a Bootstrap-themed jQuery UI theme you can use to prototype your projects.

    typeahead.js : Fully-featured jQuery Autocomplete Library

    typeahead.js : Fully-featured jQuery Autocomplete Library

    Inspired by twitter.com’s autocomplete search functionality, typeahead.js is a fast and fully-featured autocomplete library.Typeahead.js has a dependency on jQuery 1.9+, it must be loaded before typeahead.js.

    Features:

    • Displays suggestions to end-users as they type
    • Shows top suggestion as a hint (i.e. background text)
    • Works with hardcoded data as well as remote data
    • Rate-limits network requests to lighten the load
    • Allows for suggestions to be drawn from multiple datasets
    • Supports customized templates for suggestions
    • Plays nice with RTL languages and input method editors

    jQuery jAutocomplete Plugin

    jQuery jAutocomplete Plugin

    jAutocomplete is a flexible jquery plugin that provides suggestions while you type into the field:

    Features:

    • JSON data source (local data array / AJAX)
    • Supports any HTML structure with next-generation jQuery Templates
    • Lightweight (only 3Kb)
    • Fully customizable styles
    • Works in all major browsers
    • Annotated source code
    • JSDoc documentation