récupérer le nom d'une valeur d'un formulaire select

**kenny49** · 14/06/2006, 09h12

Bonjour,

Y a t il un moyen de récupérer le nom d'une option sélectionnée à l'aide de Javascript?

Exemple:

<select name=choix_temoin>";
<option value="1" selected>nomTemoinA</option>";
<option value="3">nomTemoinB</option>";
<option value="4">nomTemoinC</option>";
</select>

Comment faire pour récuperer nomTemoinB si on sélectionne la valeur "1"?

Merci d'avance.

**Swoög** · 14/06/2006, 09h18

Code :

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

document.getElementsByName('choix_temoin')[0].options[num de l'option].innerHTML

**SpaceFrog** · 14/06/2006, 09h19

Code :

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

1
2
3
4
5
6
7
8
9
10
<select id='rr'>
<option>coucou</option>
<option>coucou</option>
<option>coucou</option>
<option>coucou</option>
<option>coucou</option>
<option>coucou</option>
<option>coucou</option>
</select>
<input type='button' name="rep[6]" onclick="alert(document.getElementById('rr').options[document.getElementById('rr').selectedIndex].innerHTML)" id="coucou6" />

ou encore firstChild.data

**kenny49** · 14/06/2006, 10h29

Il y a une erreur dans les lignes suivantes:

document.f.unNom.value=
document.f.getElementById('choix_temoin').options[document.f.getElementById('choix_temoin').selectedIndex].innerHTML;

Où est l'errerur? merci d'avance!

**SpaceFrog** · 14/06/2006, 10h33

le code m'a pourtant l'air bon ...
quelle est l'erreur retournée ?

**Swoög** · 14/06/2006, 10h42

D'habitude Spafy est le champion sur cette erreur ^^ (et c'est généralement moi qui la fait ^^) une fois n'est pas coutume donc :

Code :

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

1
2
3
 
document.f.unNom.value=
document.f.getElementsByName('choix_temoin')[0].options[document.f.getElementsByName('choix_temoin')[0].selectedIndex].innerHTML;

confondu Id et Name

**kenny49** · 14/06/2006, 10h51

erreur renvoyée en popup:
"une errreur est survenue.
ligne xxx.

Cet objet ne gère pas cette propriété ou cette méthode."

Une idée?

**SpaceFrog** · 14/06/2006, 10h57

arf +1 swoog ...
mais bon comme j'avaos donné un code au dessus sans erreurs je ne m'attendais pas à ça

**kenny49** · 14/06/2006, 10h59

alors ... euh ... y a une solution ou bien...

**SpaceFrog** · 14/06/2006, 11h24

oui la solution est de ne pas se tromper entre id et name ...

**kenny49** · 14/06/2006, 11h53

<code>
<script language="JavaScript1.2">
function valGraph(){
document.f.nom_legende_temoin.value=
document.f.getElementsByName('choix_temoin')[0].options[document.f.getElementsByName('choix_temoin')[0].selectedIndex].innerHTML;
return true;
}
</script>

echo "blabla: <input type=\"radio\" name=\"presence_graph\" value=\"1\" onFocus=\"return valGraphique()\">;

echo "<select name=choix_temoin id=choix_temoin>";
echo "<option value=valeur1>nomTemoin1</option>";
echo "<option value=valeur2>nomTemoin2</option>";
echo "<option value=valeur3>nomTemoin3</option>";
echo "</select>";
</code>

Voilà comme tu peux le voir il y a un id et un name mais ça ne marche toujours pas.
De plus, si dans valGraph() je remplace les lignes genantes par d'autres, il y a pas de bug.
Une idée?

**SpaceFrog** · 14/06/2006, 14h00

ValGraph # ValGraphique ...

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
<script type='text/javascript'>
function valGraph(){
document.getElementById('nom_legende_temoin').value=document.getElementById('choix_temoin').options[document.getElementById('choix_temoin').selectedIndex].innerHTML;
}
</script>
 
</head>
 
<body>
<form name='f'>
<input type="radio" name="presence_graph" value="1" onFocus="return valGraph()">;
 
<select name='choix_temoin' id='choix_temoin'>
<option value='valeur1'>nomTemoin1</option>
<option value='valeur2'>nomTemoin2</option>
<option value='valeur3'>nomTemoin3</option>
</select>
<input type='text' name="nom_legende_temoin" id="nom_legende_temoin" />
</form>
</body>

ou avec le name ...

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
<script type='text/javascript'>
function valGraph(){
document.getElementById('nom_legende_temoin').value=document.getElementsByName('choix_temoin')[0].options[document.getElementsByName('choix_temoin')[0].selectedIndex].innerHTML;
}
</script>
 
</head>
 
<body>
<form name='f'>
<input type="radio" name="presence_graph" value="1" onFocus="return valGraph()">;
 
<select name='choix_temoin' id='choix_temoin'>
<option value='valeur1'>nomTemoin1</option>
<option value='valeur2'>nomTemoin2</option>
<option value='valeur3'>nomTemoin3</option>
</select>
<input type='text' name="nom_legende_temoin" id="nom_legende_temoin" />
</form>
</body>

**kenny49** · 14/06/2006, 14h37

D'ailleurs je n'ai pas compris pourquoi!

En fait, l'erreur provenait du fait qu'au lieu d'écrire document.getElementById(... j'ecrivais document.f.getElementById(...

Mais pourquoi faut il enlever cette indication????

Merci d'avance!

le temps que ça a pris... je suis vert!