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

Version imprimable

14/06/2006, 09h12
kenny49

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

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.
14/06/2006, 09h18
Swoög

Code:

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

Code:

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

14/06/2006, 10h29
kenny49

ça fonctionne pas!

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!
14/06/2006, 10h33
SpaceFrog

le code m'a pourtant l'air bon ...
quelle est l'erreur retournée ?
14/06/2006, 10h42
Swoög
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:

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 ;)
14/06/2006, 10h51
kenny49

zut toujours pas:

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?
14/06/2006, 10h57
SpaceFrog

arf +1 swoog ...
mais bon comme j'avaos donné un code au dessus sans erreurs je ne m'attendais pas à ça ;)
14/06/2006, 10h59
kenny49

...

alors ... euh ... y a une solution ou bien...
14/06/2006, 11h24
SpaceFrog

oui la solution est de ne pas se tromper entre id et name ...
14/06/2006, 11h53
kenny49

un peu de code...

<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?

ValGraph # ValGraphique ...

Code:

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:

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>

14/06/2006, 14h37
kenny49

Eureka!!!

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!
14/06/2006, 14h50
SpaceFrog

parceque l'id d'un objet sur la page est unique dons pas besoin de preciser qu'il fait partie du form ...
14/06/2006, 14h56
kenny49

réglé

admettons. en tout cas merci
14/06/2006, 14h59
SpaceFrog

:lol: :lol:
vaut mieux l'admettre comme principe de base sinon tu risque d'avoir des problèmes avec javascript ...