23 Useful jQuery Autocomplete Example with Ajax

jQuery and Ajax Autocomplete and Autosuggest  is a common feature available in lot of web design tools and services. You will find lots of implementation of autocomplete features. Today i have collected useful example jquery and ajax Autocomplete-Autosuggest tutorials feature such as  drop down search, form, multiple textbook, mobile for jQuery plugin  autocomplete.

When we need to enter data into an input form element, but need strict data (like in select) and the amount of possible data is too big we can make use of an jquery-ajax autosuggest or autocomplete – to guide the user. In this post I’ll try to present some solutions for this. it free download for test with demo link and you enjoy with this collection.

1. Example of Autocomplete in jQuery Mobile

It is jQuery Mobile application for autocomplete search on mobile version.

Demo

2. Dynamic AutoComplete Search filtering using jQuery and PHP

In this tutorial, I will show you how this is done using the AJAX .get() request method built into the jQuery library. We will use PHP markup to fetch data from the database and have the returned data display our results in the table.

Demo | Download (2057)

3. MooTools AutoComplete script

The autocompletion script for MooTools provides the functionality for text suggestion and completion. It features different data sources (local, JSON or XML), a variety of user interactions, custom formatting, multiple selection, animations and more.

Demo

4. Fancy Apple.com-Style Search Suggestion with Image Thumbnail

This example makes use of several techniques: MySQL (database), HTML / CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.

Demo | Download

5. Ajax AutoComplete for jQuery

Ajax Autocomplete for Prototype lets you easily create boxes autocomplete / auto for text input fields. It is built with an emphasis on performance. Results for each query are cached and pulled from the local cache to repeat the same query.

Demo | Download

6. AutoCompleter Tutorial with jQuery(Ajax)/PHP/MySQL

This tutorial will tell you how to use auto completer applications with jquery, php and mysql database.

Demo | Download

7. Ajax Powered Autocomplete Plugin for JQuery

This jQuery I use most at the moment. The plugin works even better than the original version and in terms of coding, it is easier to develop and create more flexible and dynamic text field autocomplete

Download

8. Web Input Auto Completion Kit

This is WICK, the Web Kit completion of entry, an evolving framework that leverages web standards such as JavaScript, DOM and CSS to facilitate textual input in form UI elements assisted by data sources local and remote.

Demo | Download

9. autoComplete jQuery Plugin

autoComplete only requires control of 2 namespaces: jQuery.autoComplete & jQuery.fn.autoComplete. The plugin first runs a check to see if the bgiframe plugin is installed, and if it’s not, it creates a useless function that returns ‘this’ for internal purposes.

Demo | Download

10. TextboxList meets Autocompletion

TextboxList to add closing functionality via a link added to each box. But it was missing an important ingredient: autocompletion!

Demo | Download

11. How to Use the jQuery UI Autocomplete Widget

In this tutorial we’ll be looking at one of jQuery UI 1.8′s newest components – the Autocomplete widget.

Demo | Download

12. jQuery UI Autocomplete with Remote Database

Demo

13. jQuery auto complete through database using JSP

In this tutorial, we will implement auto complete through database using JSP. In this example a text box is given, when you enter name of any Indian state , it will auto complete it , by completing text using JSP.

Download

14. jQuery plugin: Autocomplete

This plugin is deprecated and not developed anymore. Its successor is part of jQuery UI, and this migration guide explains how to get from this plugin to the new one.

Demo | Download

15. jQuery Autosuggest Like FaceBook

FaceBook Autosuggest Like is a powerful jQuery plugin to transform an input field into a real time autocompletion search engine, designed like facebook one.

Demo

16. jQuery UI Autocomplete Widget with PHP and MySQL

This example will use US states and territories to populate the autocomplete. It will also demonstrate how to fill other fields with data returned from the database. This data can be used to fill a visible text box or a hidden form field. It also demonstrates the basic autocomplete functionality which may be fine for some applications.

Demo

17. jQuery Mobile Autocomplete

Today Ray Camden released a blog post about adding autoComplete style functionality to jQuery Mobile projects.

Demo

18. jQuery’s AutoComplete using Multiple Inputs in Same Table

jQuery’s AutoComplete plugin using multiple inputs in one table. For example, let’s say that you are working on an invoice application that requires you to add multiple line items to each row and on each row you want to have the ability to use the jQuery AutoComplete to retrieve item information.

Demo | Download (1245)

19. Fancy Facebook Like auto complete

It is fancy, like Facebook autocomplete using JSON, and ASMX Web services FCBKcomplete the script.

Demo | Download

20. Implementing Autocomplete jQuery Plugin for Textarea

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.

21. Using jQuery UI’s Autocomplete to Populate a Form

It is autoComplete platform using jquery.

22. Ajax-Driven JavaScript ComboBox with Autocomplete

dhtmlxCombo is a cross-browser JavaScript combobox with an autocomplete feature. It extends basic select box functionality and provides the ability to display suggestions while a user types in the text field.

23. Ajax Autocomplete – Jquery PHP Mysql

Demo | Download