jQuery UI Autocomplete: Implemement Google Suggest like Feature using jQuery UI Autocomplete Easily

jQuery in Action: Build 15 jQuery Projects

jQuery UI in Action: Build 9 jQuery UI Projects

Hands-On jQuery: jQuery Examples

Find all our Udemy courses here:

jQuery UI Autocomplete: Implemement Google Suggest like Feature using jQuery UI Autocomplete Easily

You might have noticed how Google helps you complete your search easily by providing suggestions. How does Google knows what you have in your mind? Google gets the values from some database and display it as a list as soon as you enter some characters into the search box.

You can also create a Google Suggest like feature in your website. It is simple to implement using jQuery UI Autocomplete.

If you do not know how to reference jQuery UI files correctly, see this video:

You just need to have the suggestions with you either in an array or populated as a JSON object (from a database or from some other sources). You then have to call the autocomplete() method and set the value of source options to an array or string of suggestions.

You can also populate a list of labels and enter their corresponding values in the text box (something like country code or currency code).

To know how to write jQuery code easily, see this video:

[RAMKUMAR-hdmb]

super mam .thanku.really understanding most of then concepts in all videos

[UMARZONE]

Excellent, you saved my several hours. Thanks and keep sharing.

[VinniiMiranda]

thank you, straight to the point with good examples.

[darinebouzar]

Great video, thx so much, what if we want to read from an external json file for example autocomplete countries?

[hakimhomecent]

thank you so much, very easy to understand. i love you ^_^

[harishkumarsrigiri]

Thanks for the video, it is so simple to understand now :)

[Amit-efiq]

I wrote exactly the same code but its not working the way its working yours