The <select> element creates a drop-down list with several options.
The <option> elements inside the <select> element define the available options in the list:
Tip: If you have a long list of options that are related, use the <optgroup> element inside <select>:
The images on top of this page, shows how mobile platforms have their own way of showing a select menu.
If you want the select menu to display the same on all mobile devices, use jQuery's own custom select menu, the data-native-menu="false" attribute:
To select multiple options in the select menu, use the multiple attribute in the <select> element:
Using data-role="controlgroup"
How to group one or more selection menus.
Using data-type="horizontal"
How to group selection menus horizontally.
Using
data-type="mini"
How to minify a selection menu.
Pre-selected options
How to pre-select an option.
Popup Selections
How to create a popup selection menu.
Collapsible Forms
How to create collapsible forms.
Changing the default select icon
How to change the icon of select menus (default is "arrow-d").
Changing the icon position
How to change the icon position of select menus (default is right).