Best jQuery AutoComplete Plugins & Tutorials with Demo

    jQuery Editable Select

    jQuery Editable Select

    jQuery Editable Select is a jQuery plugin that transforms a select into an input field where single elements are shown in real-time according to the entered characters. It scales down to a real select list when javascript is not available.

    jQuery UI autocomplete in Bootstrap Modal Box Using PHP Ajax

    jQuery UI autocomplete in Bootstrap Modal Box Using PHP Ajax

    In this tutorial we are going to see how to implement jQuery UI autocomplete in Bootstrap Modal Popup Using PHP Ajax.

    Horsey : Customizable Autocomplete Component

    Horsey : Customizable Autocomplete Component

    Horsey is a customizable, progressive autocomplete component. It even works in text fields (useful for things like @ mentions).

    The goal is to produce a framework-agnostic autocomplete that is easily integrated into your favorite MVC framework, that doesn’t translate into a significant addition to your codebase, and that’s enjoyable to work with.

    • Small and focused
    • Natural keyboard navigation
    • Progressively enhanced
    • Extensive browser support
    • Fuzzy searching
    • Supports <input> and <textarea> elements

    Google Address Autocomplete API with jQuery

    Google Address Autocomplete API with jQuery

    In this tutorial we are going see implementation of Google Address Autocomplete API. This Google address autocomplete API provides address autocomplete suggestion based on user search term and location.

    Two Fields Autocomplete Using jQuery & PHP

    Two Fields Autocomplete Using jQuery & PHP

    We are going to see how to show state name and country name in the same text field.When user types the city or state name in the textbox, It will make ajax request to apache server, where PHP will make connection to MySQL database and get the city and state names based on user entered data in the textbox. Then Apache server return those response, finally jQuery UI autocomplete will show the city and state name as suggestions to select.

    HideSeek : Live search jQuery plugin

    HideSeek : Live search jQuery plugin

    A simple, mobile-friendly, yet customizable quick/live search jQuery plugin.

    • Search in text or title/alt attribute
    • Highlight
    • Navigation
    • Ignore elements
    • Ignore accented characters
    • Custom events
    • Custom messages
    • Hidden mode

    Bootstrap Chosen : AutoComplete Select Box for Bootstrap

    Bootstrap Chosen : AutoComplete Select Box for Bootstrap

    An alternate stylesheet for Chosen that integrates with Bootstrap.

    Select2 Bootstrap : jQuery Select box for Bootstrap

    Select2 Bootstrap : jQuery Select box for Bootstrap

    Simple css to make select2 widgets fit in with bootstrap.

    Textcomplete : jQuery Autocomplete for Textarea

    Textcomplete : jQuery Autocomplete for Textarea

    Introduce autocompleting power to textareas, like GitHub comment forms have with jQuery.

    Bootstrap DropSelect with jQuery

    Bootstrap DropSelect with jQuery

    A simple jQuery plugin that extends bootstrap’s dropdown menu into something like github’s select menu.