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

Essayez-le vous-même

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

Essayez-le vous-même

Exemple 3

Désélectionner toutes les options :

document.getElementById("mySelect").selectedIndex = "-1";

Essayez-le vous-même

Exemple 4

Si aucune option n'est sélectionnée, l'attribut selectedIndex retournera "-1" :

var x = document.getElementById("mySelect").selectedIndex;

Essayez-le vous-même

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