jQuery Mobile Menu de sélection de formulaire
jQuery Mobile Menu de sélection
L'élément <select> crée une liste déroulante avec plusieurs options.
Les éléments <option> à l'intérieur de l'élément <select> définissent les options disponibles dans la liste :
Exemple
<fieldset class="ui-field-contain">
<label for="day">Sélectionner le jour</label>
<select name="day" id="day">
<option value="mon">Lundi</option>
<option value="tue">Mardi</option>
<option value="wed">Mercredi</option>
</select>
</fieldset>
</form>
Essayez-le vous-même »
Astuce :Si vous avez une très longue liste d'options liées, utilisez l'élément <optgroup> à l'intérieur de l'élément <select> :
Exemple
<optgroup label="Jours de la semaine">
<option value="mon">Lundi</option>
<option value="tue">Mardi</option>
<option value="wed">Mercredi</option>
</optgroup>
<optgroup label="Week-ends">
<option value="sat">Samedi</option>
<option value="sun">Dimanche</option>
</optgroup>
</select>
Essayez-le vous-même »
Menu de sélection personnalisé
Les images en haut de cette page montrent comment un menu de sélection s'affiche sur les plateformes mobiles.
Si vous souhaitez que le menu de sélection s'affiche de la même manière sur tous les appareils mobiles, utilisez le menu de sélection personnalisé intégré de jQuery avec l'attribut data-native-menu="false" :
Sélection multiple
Pour sélectionner plusieurs options dans un menu de sélection, utilisez l'attribut multiple dans l'élément <select> :
Plus d’exemples
Comment combiner un ou plusieurs menus de sélection.
Comment disposer les menus de sélection horizontalement.
Comment présélectionner une option.
Comment réduire un menu de sélection.
Comment créer un menu de sélection en popup.
Comment créer un formulaire repliable.
Comment modifier l'icône du menu de sélection (par défaut : "arrow-d").
Comment changer la position de l'icône (par défaut, à droite).