jQuery Mobile Select Menus
O <select> elemento cria uma lista drop-down com várias opções.
O <option> elementos dentro do <select> elemento definir as opções disponíveis na lista:
Exemplo
<form method="post" action="demoform.asp">
<fieldset
class="ui-field-contain">
<label
for="day">Select Day</label>
<select name="day" id="day">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option value="wed">Wednesday</option>
</select>
</fieldset>
</form>
Tente você mesmo " Dica: Se você tem uma longa lista de opções que estão relacionadas, use o <optgroup> elemento dentro <select> :
Exemplo
<select name="day" id="day">
<optgroup
label="Weekdays">
<option value="mon">Monday</option>
<option value="tue">Tuesday</option>
<option
value="wed">Wednesday</option>
</optgroup>
<optgroup
label="Weekends">
<option
value="sat">Saturday</option>
<option
value="sun">Sunday</option>
</optgroup>
</select> Tente você mesmo " Personalizado Seleccione Menus
As imagens no topo desta página, mostra como plataformas móveis têm sua própria maneira de mostrar um seleto menu.
Se quiser que o menu de seleção para exibir a mesma em todos os dispositivos móveis, use próprio costume menu de seleção do jQuery, o data-native-menu="false" atributo:
várias Seleções
Para selecionar várias opções no menu de seleção, use o atributo múltiplo na <select> elemento:
mais Exemplos
Usando data-role="controlgroup"
Como grupo um ou mais menus de seleção.
Utilizando data-type="horizontal"
Como menus de seleção de grupo horizontalmente.
Utilizando data-type="mini"
Como apoucar um menu de selecção.
Opções pré-selecionadas
Como pré-seleccionar uma opção.
Popup Seleções
Como criar um menu de seleção popup.
Formas dobráveis
Como criar formas dobráveis.
Alterar o ícone de seleção do padrão
Como alterar o ícone de selecionar menus (o padrão é "arrow-d" ).
Alterando a posição do ícone
Como alterar a posição do ícone de selecionar menus (o padrão é right ).