jQuery Mobile formulervælgmenu

jQuery Mobile valgmenu

Valgmenu på iPhone:

Valgmenu på Android-enheder:

<select>-elementet opretter en rullemenu med flere valg.

<select>-elementets <option>-elementer definerer tilgængelige valg i listen:

eksempel

<form method="post" action="demoform.asp">
  <fieldset data-role="fieldcontain">
    <label for="day">选择日期</label>
    <select name="day" id="day">
      <option value="mon">星期一</option>
      <option value="tue">星期二</option>
      <option value="wed">星期三</option>
    </select>
  </fieldset>
</form>

Prøv det selv

Tip:Hvis listen indeholder en lang række relaterede valg, skal du bruge <optgroup>-elementet i <select>-elementet:

eksempel

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

Prøv det selv

Tilpasset valgmenu

Billedet øverst på denne side viser den unikke måde, valgmenuen vises på mobile platforme.

Hvis du ønsker at vise en ens udseende valgmenu på alle mobile enheder, skal du bruge jQuery's tilpassede valgmenu, data-native-menu="false"-attributten:

eksempel

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

Prøv det selv

Flere valg

Hvis du vil vælge flere valg i valgmenuen, skal du bruge multiple-attributten i <select>-elementet:

eksempel

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

Prøv det selv

Flere Eksempler

Brug af data-role="controlgroup"
Hvordan man kombinerer en eller flere valgmenuer.
Brug af data-type="horizontal"
Hvordan man kombinerer valgmenuer horisontalt.
Forudvalgte Indstillinger
Hvordan man forudvælg en indstilling.
Foldbare Formularer
Hvordan man opretter en foldbar formular.