JQuery Mobile Выберите меню
<select> элемент создает выпадающий список с несколькими вариантами.
<option> элементы внутри <select> элемент определяют доступные опции в списке:
пример
<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>
Попробуй сам " Совет: Если у вас есть длинный список опций, которые связаны между собой , используйте <optgroup> элемент внутри <select> :
пример
<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> Попробуй сам " Пользовательские Выберите меню
Изображения на верхней части этой страницы, показывает, как мобильные платформы имеют свой собственный путь, показывающий меню выбора.
Если вы хотите, чтобы выбрать меню для отображения одинаково на всех мобильных устройствах, использовать собственные пользовательские меню выбора JQuery, тем data-native-menu="false" атрибут:
Множественный выбор
Чтобы выбрать несколько опций в меню выбора, использовать несколько атрибутов в <select> элемента:
Еще примеры
Использование data-role="controlgroup"
Как сгруппировать одно или несколько меню выбора.
Использование data-type="horizontal"
Как меню выбора группы по горизонтали.
Использование data-type="mini"
Как Минимизировать меню выбора.
Предварительно выбранные опции
Как предварительно выбрать опцию.
Всплывающие Выбор
Как создать всплывающее меню выбора.
Складные Формы
Как создать разборные формы.
Изменение значка выбора по умолчанию
Как изменить иконку для выбора нужного меню ( по умолчанию "arrow-d" ).
Изменение положения значка
Как изменить положение значков в меню выберите ( по умолчанию right ).