Latest web development tutorials

Wybór formularza jQuery komórkowy

jQuery Komórka Wybierz Menu

Wybierz menu na iPhone:
Android / SGS4 menu wyboru urządzenia:

<Wybierz> element, aby utworzyć listę rozwijaną z kilkoma opcjami.

<Wybierz> <option> definiuje elementy w liście dostępnych opcji:

Przykłady

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

Spróbuj »

Wskazówka: Jeśli długa lista opcji mają związane ze stosowaniem <optgroup> w <select> w ciągu:

Przykłady

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


Niestandardowe Wybierz Menu

Obraz góry tej strony, która pokazuje, jak korzystać z platformy mobilnej sposób wyświetlają menu wyboru.

Jeśli chcesz menu wyboru na wszystkich urządzeniach przenośnych będzie wyświetlać ten sam, stosowanie własnych niestandardowych menu wyboru jQuery, dane-native menu = "false" atrybutów:

Przykłady

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

Spróbuj »


wybór wielokrotny

Aby wybrać więcej niż jedną opcję w menu wyboru należy użyć wielu atrybut w elemencie <Wybierz>:

Przykłady

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

Spróbuj »


Przykłady

Więcej przykładów

Korzystanie data-role = "controlgroup"
Jak połączyć jedno lub więcej menu wyboru.

Wykorzystanie danych type = "horizontal"
Jak wybrać kombinację menu poziomej.

wcześniej wybranych opcji
Jak wstępnie wybrać odpowiednią opcję.

Wykorzystanie danych type = "mini"
Jak zmniejszyć menu opcji

Opcje pop
Jak utworzyć menu opcji pop.

Formularz Składany
Jak stworzyć zwijanej formę

Zmienić domyślną ikonę wyboru
Jak zmienić ikonę menu opcji (domyślnie jest to "strzałka-d").

Zmień lokalizację ikony
Jak zmienić położenie ikony wyświetlane (domyślnie do prawej).