jQuery Mobile - Selectmenu

A select menu provides various options in the form of drop down list. The <select>...</select> elements are used to define a selection list and the <option>...</option> tags are used to define an item in a selection list.

Below table demonstrates the types of selectmenu in detail.

Sr.No.	Type & Description
1	Basic select Select menu create simple menu with select options to choose from.
2	Mini Select Include attribute data-mini = "true" for creating mini version selectmenu.
3	Icon Position The position of the selectmenu icon button can be set at the left side using data-iconpos = "left" attribute to the fieldset.
4	Selected option The <select> jQuery mobile elements are used to define a selection list and the <option> tags are used to define an item in a selection list.
5	Disabled option Set the attribute disabled = "disabled" in the <option> element to make the select menu option disable.
6	Optgroup The optgroup jQuery mobile elements is used to group the selection list.
7	Vertical group By default the select menu is set vertically.
8	Vertical group, mini Include data-mini = "true" attribute in the fieldset to create the vertical group select menu in the mini size.
9	Horizontal group Set the select menu horizontally by including the data-type = "horizontal" to the fieldset.
10	Horizontal group, mini Include data-mini = "true" attribute in the fieldset to create the horizontal group select menu in the mini size.

jquery_mobile_widgets.htm

Kickstart Your Career

Get certified by completing the course

Get Started