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

**tixmcprods** · 17/03/2008, 16h56

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 :

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

1
2
 
<SELECT NAME="pre_code_bac" onChange="update_hidden_bac_obtenu(this.value)">

Le code JS :

Code :

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

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 :

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

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

**E.Bzz** · 17/03/2008, 17h02

Bonjour,

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+

**tixmcprods** · 19/03/2008, 09h11

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

Code :

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

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

**julien.63** · 19/03/2008, 09h31

salut
essaye ceci :

Code :

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

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>

**SpaceFrog** · 19/03/2008, 10h55

Code :

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

valeur.options[valeur.selectedIndex].innerHTML;

**tixmcprods** · 21/03/2008, 10h04

Merci SpaceFrog,
Ta solution a marché nickel...

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

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

JavaScript

Discussions similaires

Partager

Partager