Discussion :

[medessad]

Bonjour, j'ai un tout petit souci,
Soit le code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<select id="site">
<option value="bla bla">Texte</option>
</select>

est ce qu'il n'aurait pas une possibilité de récupérer la valeur Texte depuis Javascript?

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('site').options[0].innerHTML

[Auteur]

bonsoir,

pour récupérer le texte de l'option :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("site").options[0].text

pour récupérer la valeur :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("site").options[0].value

[andry.aime]

Bonjour,
@Auteur
L'attribut "text" pour une option n'est pas crossbrowser, ce n'est pas standard. Mieux vaut utiliser innerHTML.

A+.

[sekaijin]

mais innerHTML ne récupère pas le texte de l'option mais sérialise le frangment de DOM inclus dans l'element

IE fourni innerText mais là encore rien de normalisé
pour produire l'équivalent c'est à dire récupérer le texte et que le texte il faut parcourir le fragment de DOM en profondeur d'abord et concaténer tous les textNode

ou alors récupérer le innerHTML supprimer toutes les balises avec leurs attributs et transformer les entités html

A+JYT

[andry.aime]

Mais on élément option ne doit pas avoir que de text donc il n'y a pas de problème sur l'utilisation innerHTML.

A+.

[Auteur]

Bonjour,
@Auteur
L'attribut "text" pour une option n'est pas crossbrowser, ce n'est pas standard. Mieux vaut utiliser innerHTML.

A+.

ah
pourtant sur ce site c'est indiqué que c'est valide W3C...

Et la majorité des navigateurs reconnaissent cette propriété (toujours selon ce site) :
http://www.w3schools.com/jsref/prop_option_text.asp

[NoSmoking]

ah
pourtant sur ce site c'est indiqué que c'est valide W3C...

tout à fait d'autant que cela remonte au DOM Level 1
Interface HTMLOptionElement

[Auteur]

tout à fait d'autant que cela remonte au DOM Level 1
Interface HTMLOptionElement

merci NoSmoking, je commençais à avoir un doute.
J'ai toujours utilisé les propriétés text et value des options.