From the course: Learning jQuery UI

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

The Autocomplete control

The Autocomplete control - jQuery Tutorial

From the course: Learning jQuery UI

Start my 1-month free trial

The Autocomplete control

- The Autocomplete control fills a need that's somewhere between a select menu, where you can select one from a preset list of values, and a regular text control, where you can enter any arbitrary text content. You typically use it when you want to give the user the ability to enter anything into a text field, but if what they're about to enter is one of a predefined list of common entries, they can enter that value pretty quickly. So let's take a look at how jQuery UI's Autocomplete control works. Scroll down to the Autocomplete section in the snippets file and let's open up autocomplete_start. Now if you take a look at this file, you'll notice I've already filled out this section here with a list of some common names of programming languages, and down here in my document, I have an input field in my form of type="text", and it has this ID of auto1 on it. What we're going to do is let the user quickly enter names of programming languages by typing just one letter from their name. So…

Contents