Attribut selectedIndex du Select
Définition et utilisation
selectedIndex
Définit ou retourne l'index de l'option sélectionnée dans la liste déroulante (index).
Les indices commencent à 0.
Remarque :Si la liste déroulante permet la sélection multiple, elle ne retournera que l'index de la première option sélectionnée.
Remarque :La valeur "-1" désélectionnera toutes les options (si elles existent).
Remarque :Si aucune option n'est sélectionnée, l'attribut selectedIndex retournera -1.
Voir aussi :
Manuel HTML :Balise <select> HTML
Exemple
Exemple 1
Sélectionner l'élément <option> whose index is "2" :
document.getElementById("mySelect").selectedIndex = "2";
Exemple 2
Afficher l'index et le texte de l'option sélectionnée dans la liste déroulante :
var x = document.getElementById("mySelect").selectedIndex; var y = document.getElementById("mySelect").options; alert("Index: " + y[x].index + " est " + y[x].text);
Exemple 3
Désélectionner toutes les options :
document.getElementById("mySelect").selectedIndex = "-1";
Exemple 4
Si aucune option n'est sélectionnée, l'attribut selectedIndex retournera "-1" :
var x = document.getElementById("mySelect").selectedIndex;
Syntaxe
Retourner l'attribut selectedIndex :
selectObject.selectedIndex
Définir l'attribut selectedIndex :
selectObject.selectedIndex = number
Valeur de l'attribut
Valeur | Description |
---|---|
number | Définit l'index de l'option sélectionnée dans la liste déroulante (index). |
Détails techniques
Valeur retournée : |
Nombre, représentant l'index 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 retournée est -1. |
---|
Support du navigateur
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Support | Support | Support | Support | Support |