jQuery Mobile formulierkeuze menu

jQuery Mobile keuzemenu

Keuzemenu op iPhone-apparaten:

Keuzemenu op Android-apparaten:

Het <select>-element maakt een keuzemenu met meerdere opties aan.

De <option>-elementen in het <select>-element definiëren de beschikbare opties in de lijst:

Voorbeeld

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">Selecteer een datum</label>
    <select name="day" id="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed">Wednesday</option>
    </select>
  </fieldset>
</form>

Probeer het zelf uit

Tip:Als de lijst een lange reeks gerelateerde opties bevat, gebruik dan het <optgroup>-element in het <select>-element:

Voorbeeld

<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>

Probeer het zelf uit

Aangepaste keuzemenu's

Het afbeelding hierboven op deze pagina toont de unieke manier waarop keuzemenu's op mobiele platforms worden weergegeven.

Als je een consistente weergave van keuzemenu's wilt op alle mobiele apparaten, gebruik dan de aangepaste keuzemenu's van jQuery, met de eigenschap data-native-menu="false":

Voorbeeld

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

Probeer het zelf uit

Meervoudige selecties

Als je meerdere opties wilt selecteren in het keuzemenu, gebruik dan de multiple-eigenschap in het <select>-element:

Voorbeeld

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

Probeer het zelf uit

Meer voorbeelden

Gebruik data-role="controlgroup"
Hoe een of meerdere selectiemenu's te combineren.
Gebruik data-type="horizontal"
Hoe een horizontale combinatie van selectiemenu's te maken.
Voorselectie optie
Hoe een optie voor te selecteren.
Klappbaar formulier
Hoe een klappbaar formulier te maken.