From the course: jQuery Mobile Essential Training

Unlock the full course today

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

Using select lists

Using select lists - jQuery Mobile Tutorial

From the course: jQuery Mobile Essential Training

Start my 1-month free trial

Using select lists

“

JQuery Mobile also does a really great job of enhancing select lists to behave as if they were native controls inside your mobile web app. And, that's what we're going to look at here. So, here in the snippets, I've scrolled down to the Select Lists section, and what I'm going to do first is open up selectbasic_start. Okay, and in the snippets, I'm going to copy this form right here. And, we're going to paste that into the Content section. All right, we'll Save. Now, in this case I'm not doing anything really special. And, we're going to see how jQuery Mobile select lists behave right out of the box. So, again, I have a field set with the ui-field-contain class set on it, a label for the select menu, and then just a regular select list control with some options in it. One of them is disabled, and we're going to run this and see what happens. So, let's bring this up in Firefox. And, you can see that jQuery Mobile has enhanced this select control so that it doesn't look like a regular…

Contents