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 Selectmenu control

The Selectmenu control - jQuery Tutorial

From the course: Learning jQuery UI

Start my 1-month free trial

The Selectmenu control

- HTML has had a select menu control for almost as long as browsers have had forms in them. But, even to this day, the default select menu is still kind of plain and it doesn't have a whole lot of styling options. The jQuery UI replacement for select menu is very highly stylizable and has a lot of configuration options. A few of which we'll take a look at here. So, let's go ahead and open up the Selectmenu_start file. And in the Snippets make sure you scroll down to the Selectmenu section. And let's copy this line of code right here. And we'll paste it into the document ready function. Now, before we do anything else, let's take a look at the structure of this document. Here in the content, I have a few different Selectmenus. Here's the first one and it's pretty basic. It just has some options in it. And it has the id of selmenu1. Down here is selmenu2. And this one has a couple of option groups. And then last is selmenu3. And it has a lot of options in it. Alright we're going to use…

Contents