jQuery Mobile Formularz Wybierz dietetyczne

jQuery Komórka Wybierz dietetyczne

Wybierz Menu na iPhone:

Wybierz Menu na Android/SGS4 urządzenia:

<select> elementu tworzy listę rozwijaną z kilkoma opcjami.

<option> elementy wewnątrz <select> Element definiuje dostępne opcje z listy:

Przykład

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

Spróbuj sam "

Wskazówka: Jeśli masz długą listę opcji, które są związane, należy użyć <optgroup> elementu wewnątrz <select> :

Przykład

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

Spróbuj sam "

Niestandardowe Wybierz dietetyczne

Zdjęcia na górze tej strony, pokazuje jak mobilne platformy mają swój własny sposób pokazując wybierz menu.

Jeśli chcesz, aby wybrać menu, aby wyświetlić takie same na wszystkich urządzeniach mobilnych, należy użyć własnego niestandardowego wybierz menu jQuery, tym data-native-menu="false" atrybut: