Sélectionner la propriété selectedIndex
Exemple
Sélectionnez l'élément <option> avec l'index "2":
document.getElementById("mySelect").selectedIndex = "2";
Définition et utilisation
La propriété selectedIndex définit ou renvoie l'index de l'option sélectionnée dans une liste déroulante.
L'indice commence à 0.
Remarque : Si la liste déroulante autorise plusieurs sélections, elle ne renverra que l'index de la première option sélectionnée.
Remarque : La valeur "-1" désélectionnera toutes les options (le cas échéant).
Remarque : Si aucune option n'est sélectionnée, la propriété selectedIndex renverra -1.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
selectedIndex | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété selectedIndex :
selectObject.selectedIndex
Définissez la propriété selectedIndex :
selectObject.selectedIndex = number
Valeurs de propriété
Value | Description |
---|---|
number | Specifies the index of the selected option in a drop-down list |
Détails techniques
Valeur de retour : | Un Nombre, représentant l'indice de l'option sélectionnée dans la liste déroulante. L'index commence à 0. Si aucune option n'est sélectionnée, la valeur renvoyée est -1 |
---|
Plus d'exemples
Exemple
Affichez l'index et le texte de l'option sélectionnée dans une liste déroulante :
var x = document.getElementById("mySelect").selectedIndex;
var y = document.getElementById("mySelect").options;
alert("Index: " + y[x].index + " is " + y[x].text);
Exemple
Désélectionnez toutes les options :
document.getElementById("mySelect").selectedIndex = "-1";
Exemple
La propriété selectedIndex renverra "-1" si aucune option n'est sélectionnée :
var x = document.getElementById("mySelect").selectedIndex;
❮ Sélectionner un objet