jQuery Mobile Form Select Menu

Menu de seleção do jQuery Mobile

Menu de seleção no iPhone:

Menu de seleção no dispositivo Android:

O elemento <select> cria um menu suspenso com várias opções.

O elemento <option> dentro do elemento <select> define as opções disponíveis na lista:

Exemplo

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">Selecione a data</label>
    <select name="day" id="day">
      <option value="mon">Segunda-feira</option>
      <option value="tue">Terça-feira</option>
      <option value="wed">Quarta-feira</option>
    </select>
  </fieldset>
</form>

Experimente pessoalmente

Dica:Se a lista contiver uma longa série de opções relacionadas, use o elemento <optgroup> dentro do <select>:

Exemplo

<select name="day" id="day">
   <optgroup label="Dias Úteis">
    <option value="mon">Segunda-feira</option>
    <option value="tue">Terça-feira</option>
    <option value="wed">Quarta-feira</option>
   </optgroup>
   <optgroup label="Fins de Semana">
    <option value="sat">Sábado</option>
    <option value="sun">Domingo</option>
   </optgroup>
</select>

Experimente pessoalmente

Menu de Seleção Personalizado

A imagem acima desta página mostra a maneira única de exibir o menu de seleção em plataformas móveis.

Se quiser que o menu de seleção mostre a mesma aparência em todos os dispositivos móveis, use o menu de seleção personalizado do jQuery, atributo data-native-menu="false":

Exemplo

<select name="day" id="day" data-native-menu="false">

Experimente pessoalmente

Seleções Múltiplas

Se desejar selecionar várias opções no menu de seleção, use a propriedade multiple no elemento <select>:

Exemplo

<select name="day" id="day" multiple data-native-menu="false">

Experimente pessoalmente

Mais Exemplos

Usar data-role="controlgroup"
Como combinar um ou mais menus de seleção.
Usar data-type="horizontal"
Como combinar menus de seleção horizontalmente.
Opção Pré-selecionada
Como pré-selecionar uma opção.
Formulário Expandível
Como criar um formulário expandível.