Récupérer le libellé de l'option d'une balise SELECT

Version imprimable

17/03/2008, 16h56
tixmcprods

Récupérer le libellé de l'option d'une balise SELECT
Bonjour,
Je cherche à récupérer le libellé de l'option d'une balise SELECT, et NON LA VALEUR !!!
Voici mon code actuel qui me renvois la valeur, et je cherche à renvoyer le libellé de l'option :

En HTML :
Code:

1 2 <SELECT NAME="pre_code_bac" onChange="update_hidden_bac_obtenu(this.value)">
Le code JS :
Code:

1 2 3 4 function update_hidden_bac_obtenu(bac_obtenu) { document.formulaire.hidden_bac_obtenu.value = bac_obtenu; }
Le champ caché pour l'instant contient la VALUE de l'option...

Exemple :
Code:

1 2 3 <SELECT NAME="pre_code_bac" onChange="update_hidden_bac_obtenu(this.value)"> <OPTION VALUE="option1">Le chat est dans le pré</OPTION>
Je souhaite qu'à la place de me retourner "option1", qu'il me retourne "Le chat est dans le pré".
Merci pour votre aide.
TiX
17/03/2008, 17h02
E.Bzz

Bonjour,

Citation:

Envoyé par tixmcprods

Je souhaite qu'à la place de me retourner "option1", qu'il me retourne "Le chat est dans le pré".

.text au lieu de .value

A+

Bonjour,
J'ai essayé, mais ça ne marche toujours pas, ni sous IE, ni sous Firefox.
Voici mon code de test complet :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Document sans nom</title> </head> <script type="text/javascript" language="javascript"> function update(valeur) { document.formulaire.hidden_texte.value = valeur; } </script> <body> <form name="formulaire"> <select name="liste" onchange="update(this.value)"> <option value="Option1">Le chat est dans le pré</option> <option value="Option2">La maison est caché dans la forêt</option> <option value="Option3">Le chien boude</option> </select> <input type="text" name="hidden_texte" /> </form> </body> </html>
Le this.value renvoie ici les valeurs suivantes : "Option1", "Option2" ou "Option3".
Je l'ai remplacé par this.text, et j'ai le renvoi suivant, pour tous : "undefined".

Ai-je raté quelque chose ???
Merci encore.
TiX

salut
essaye ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
</head>
 
<script type="text/javascript" language="javascript">
 
function update(valeur) {
	document.formulaire.hidden_texte.value = valeur[valeur.selectedIndex].text;
}
 
</script>
 
<body>
 
<form name="formulaire">
 
<select name="liste" onchange="update(this)">
<option value="Option1">Le chat est dans le pré</option>
<option value="Option2">La maison est caché dans la forêt</option>
<option value="Option3">Le chien boude</option>
</select>
<input type="text" name="hidden_texte" />
 
</form>
 
</body>

19/03/2008, 10h55
SpaceFrog

Code:

valeur.options[valeur.selectedIndex].innerHTML;
21/03/2008, 10h04
tixmcprods

Merci SpaceFrog,
Ta solution a marché nickel... :D
Tu sauves la vie de plein de monde dans ce forum j'ai remarqué.
Merci encore, j'avais effectivement oublié le fonctionnement de innerHTML...
TiX