Latest web development tutorials

jQuery Mobile Form Auswahl

jQuery Mobile Wählen Sie Menü

Wählen Sie das Menü auf dem iPhone:
Android / SGS4 Auswahlmenü auf dem Gerät:

<> Wählen Element eine Dropdown-Liste mit mehreren Optionen zu erstellen.

<Auswahl> <option> -Element die Elemente in der Liste der verfügbaren Optionen definiert:

Beispiele

<form method="post" action="demoform.html">
<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>

Versuchen »

Tipp: Wenn Sie eine lange Liste von Optionen haben einen Zusammenhang mit der Verwendung <optgroup> -Element in der <select> sind im Bereich:

Beispiele

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

Versuchen »

Benutzerdefinierte Wählen Sie Menü

Bild oben auf dieser Seite, die zeigt, wie die mobile Plattform zu verwenden, um die Art, wie sie ein Auswahlmenü angezeigt werden soll.

Wenn Sie das Auswahlmenü auf allen mobilen Geräten wollen die gleiche Anzeige, verwenden Sie jQuery eigene benutzerdefinierte Menüs nach Wahl, Daten-native-Menü = "false" Attribut:

Beispiele

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

Versuchen »

Mehrfachauswahl

Um mehr als eine Option im Menü auswählen auswählen, verwenden Sie das Attribut multiple in <select> Element:

Beispiele

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

Versuchen »

Beispiele

Weitere Beispiele

Mit Hilfe von Daten-role = "Kontrollgruppe "
Wie ein oder mehrere Auswahl-Menü zu kombinieren.

Verwenden data-type = "horizontal"
Wie eine Kombination aus dem horizontalen Menü zu wählen.

Vorselektierte Optionen
Wie eine Option vorgewählt werden.

Verwenden data-type = "mini"
Wie das Optionsmenü zu verengen

Optionen Pop
Wie ein Pop-Optionen-Menü zu erstellen.

Klapp - Form
Wie eine zusammenlegbare Form zu erstellen

Ändern Sie die Standardauswahl - Symbol
Wie das Optionsmenü-Symbol zu ändern (die Standardeinstellung ist "Pfeil-d").

Symbol Bearbeiten Lage
Wie wird die Position des Symbols angezeigt (standardmäßig auf der rechten Seite) zu ändern.