Attribut label d'option

Objet Option DOM HTML

Définition et utilisation

label Définir ou retourner l'attribut dans l'option de la liste déroulante Attribut label valeur.

L'attribut label définit une version plus courte de l'option, cette version plus courte sera affichée dans la liste déroulante.

Veuillez également consulter :

Manuel HTML :Attribut label du balise <option> HTML

Manuel HTML :Balise <option> HTML

Exemple

Exemple 1

Modifier la valeur de l'étiquette de l'option dans la liste déroulante :

document.getElementById("myOption").label = "newLabel";

Essayez-le vous-même

Exemple 2

Retourner la valeur de l'étiquette de l'option dans la liste déroulante :

var x = document.getElementById("myOption").label;

Essayez-le vous-même

Exemple 3

Indiquer la valeur de l'étiquette de l'option sélectionnée dans la liste déroulante :

var x = document.getElementById("mySelect").selectedIndex;
alert(document.getElementsByTagName("option")[x].label);

Essayez-le vous-même

Syntaxe

Retourner l'attribut label :

optionObject.label

Définir l'attribut label :

optionObject.label = text

Valeur de l'attribut

Valeur Description
text Définir une version plus courte pour l'option.

Détails techniques

Valeur de retour :

Valeur de chaîne, représentant le libellé de l'option de la liste déroulante (label).

Si l'attribut label n'est pas spécifié, il retournera le contenu texte de l'élément <option> (comme l'attribut text).

Support du navigateur

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

Remarque :Il n'est pas possible de définir l'attribut label dans Firefox (seulement retour).

Objet Option DOM HTML