Latest web development tutorials

jQuery Mobile sélection de forme

jQuery Mobile Sélectionnez Menu

Sélectionnez le menu sur l'Iphone:
Android / SGS4 menu de sélection sur l'appareil:

<Sélectionner> pour créer une liste déroulante avec plusieurs options.

<Sélectionner> <option> définit les éléments dans la liste des options disponibles:

Exemples

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

Essayez »

Astuce: Si vous êtes une longue liste d'options ont un associé à l'utilisation <optgroup> dans le <select> dans le secteur :

Exemples

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

Essayez »


Sélectionnez Menu personnalisé

top image de cette page qui montre comment utiliser la plate-forme mobile la façon dont ils affichent un menu de sélection.

Si vous voulez que le menu de sélection sur tous les appareils mobiles affichera le même, utilisez les menus de choix personnalisé de jQuery, données native menu = attribut "false":

Exemples

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

Essayez »


sélection multiple

Pour sélectionner plus d'une option dans le menu Sélection, utilisez l'attribut multiple élément <select>:

Exemples

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

Essayez »


Exemples

D'autres exemples

En utilisant des données-role = "controlgroup"
Comment combiner un ou plusieurs menu de sélection.

Utilisez-type de données = "horizontal"
Comment choisir une combinaison du menu horizontal.

les options présélectionnées
Comment présélectionner une option.

Utilisez-type de données = "mini"
Comment réduire le menu des options

options de pop
Comment créer un menu d'options de la pop.

forme pliable
Comment créer une forme pliable

Modifier l'icône de sélection par défaut
Comment modifier l'icône du menu des options (la valeur par défaut est "flèche-d").

Modifier l' emplacement de l' icône
Comment modifier la position de l'icône affichée (par défaut vers la droite).