Attribut index des options

Objet Option DOM HTML

Définition et utilisation

index Définit ou retourne l'index de l'option de la liste déroulante.

Les indices (indices) commencent à 0.

Voir également :

Manuel HTML :Balise <option> HTML

Exemple

Exemple 1

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

Essayer personnellement

Exemple 2

Afficher le texte et l'index de toutes les options de la liste déroulante :

var x = document.getElementById("mySelect");
var txt = "Toutes les options: ";
var i;
for (i = 0; i < x.length; i++) {
    txt = txt + "\n" + x.options[i].text + " a l'index: " + x.options[i].index;
}

Essayer personnellement

Syntaxe

Retourner l'attribut index :

optionObject.index

Définir l'attribut index :

optionObject.index = integer

Valeur de l'attribut

Valeur Description
integer Définir la position de l'index de l'option dans la liste déroulante.

Détails techniques

Valeur de retour : Nombre, indiquant la position de l'index de l'option dans la liste déroulante. L'index commence à 0.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Objet Option DOM HTML