Les formulaires (partie 1) Comment récupérer le texte d'une option d'un select ?
Comment récupérer le texte d'un select ?
:arrow: http://javascript.developpez.com/faq...mps#textSelect
- ajout d'une précision dans la question : c'est le texte d'une option d'un select pas le texte du select
- je me suis appuyé sur les corrections que j'ai faites pour la question "Comment récupérer la valeur d'un select ?" :
http://www.developpez.net/forums/d13...valeur-select/ les deux questions étant très similaires.
- j'ai laissé le paragraphe Explications mais je le trouve redondant avec le paragraphe de la question "Comment récupérer la valeur d'un select ?"
- ajout d'un avertissement
Citation:
Comment récupérer le texte d'une option d'un select ?
Ce code est utile pour, par exemple, récupérer le texte de l'option choisie par l'internaute d'une liste déroulante
select.
Code:
1 2
| var texte;
texte = document.getElementById("liste").options[document.getElementById('liste').selectedIndex].text; |
Pour éviter la répétition du
document.getElementById("liste"), on peut écrire :
Code:
1 2 3
| var liste, texte;
liste = document.getElementById("liste");
texte = liste.options[liste.selectedIndex].text; |
Explications :
document.getElementById("liste") : permet de désigner la liste en question.
La propriété
options permet de désigner une des valeurs de la liste déroulante. Il s'agit d'un tableau (et possède donc toutes les propriétés d'un tableau javascript).
Ainsi, pour désigner le premier élément de la liste, il suffit de faire :
Code:
document.getElementById("liste").options[0];
Pour connaître le nombre d'éléments d'une liste :
Code:
document.getElementById("liste").options.length;
Attention :
Ne pas confondre
text et
value de l'option : la propriété
text désigne le contenu qui se situe entre deux balises
option tandis que
value désigne la valeur de l'attribut
value de cette même balise
option.