Récupérer la valeur interne d'une option d'un select [Résolu]

[Emyleen]

Bonjour à tous,

Alors je sais pas si je m'y prend mal mais j'ai un peu fouillé partout et impossible de trouver ce que je désire. Peut être est-ce impossible.

J'ai un select comme suis :

Code html :

1
2
3
4
5
6
7
8
 
<input id="nomValeur" type="text"/>
<br/>
<select id="monSelect" name="monSelect">
   <option value="1">Première valeur</option>
   <option value="2">Deuxième valeur</option>
   <option value="3">Troisième valeur</option>
</select>

Je souhaiterai, quand je sélectionne une ligne dans ma liste déroulante, récupérer non pas la value mais bien le contenu de la balise.
Par exemple si je clique sur la 2ème ligne de mon sélect, je voudrais que dans mon input "nomValeur" il s'affiche "Deuxième valeur" et non pas "2".

Le souci c'est que je ne peux pas me passer du value des options car je le récupère dans un autre input pour le submit de mon formulaire (via document.getElementById('monSelect').value).
C'est dans un souci d'affichage que je souhaiterai obtenir ce résultat.

Est-ce faisable?

Merci d'avance pour vos réponses

[Bovino]

Code :

1
2
var monSelect = document.getElementById('monSelect');
alert(monSelect.options[monSelect.selectedIndex].text);

[Emyleen]

Oo Merci beaucoup, je ne connaissais pas du tout cette astuce.

Problème résolu ^^

[SpaceFrog]

ou innerHTML()