From the course: Learning jQuery UI
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
The Autocomplete control - jQuery Tutorial
From the course: Learning jQuery UI
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.