affichage de la valeur du champ sélectionné d'un select

Version imprimable

Bonjour,

pourquoi ce code ne marche-t-il pas ?

Code:

1
2
3
4
5
6
7
8
9
<select id="selectId">
<option>Champ1</option>
<option>Champ2</option>
</select>
<script language="javascript">
var selectElmt = document.getElementById('selectId');
msg=selectElmt.options[selectElmt.selectedIndex].value;
document.write(msg);
</script>

04/04/2011, 13h14
Eric2a

Salut,

Utilises juste

Code:

msg=selectElmt.value;
04/04/2011, 13h23
laurentSc

Ca ne marche pas plus ; mais je suis en train de me dire : il faut attendre que l'utilisateur ait sélectionné quelque chose ; comment faire ?
04/04/2011, 13h36
Eric2a

Avec un gestionnaire d'évenement (comme dans ton post précédent).

Il faut aussi séléctionner un élément par défaut et utiliser l'atribut value...

Code:

<option selected="selected" value="champs1">Champ séléctionné par défaut</option>

Oui, évidemment, sans l'attribut value, ça ne risquait pas de marcher...mais avec non plus :

Code:

1
2
3
4
5
6
7
8
9
10
<select id="selectId">
<option selected="selected" value="champ1">Champ
s&eacute;l&eacute;ctionn&eacute; par d&eacute;faut</option>
<option value="champ2">Champ2</option>
</select>
<script language="javascript">
var selectElmt = document.getElementById('selectId');
msg=selectElmt.value;
document.write(<br>+'msg='+msg);
</script>

04/04/2011, 16h11
nadox

Bonjour, si ce n'est pas sur le changement de valeur du select(comme ici avec document.write au chargement de la page) et que on teste avec ie, il faut aussi avoir mis

Code:

defaultSelected="defaultSelected"

.
Bien entendu ça ne fonctionnera que au chargement de la page.

Oui, mais tu le mets où ? Car avec ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 <select id="selectId"> <option selected="selected" defaultselected="defaultSelected" value="champ1">Champ séléctionné par défaut</option> <option value="champ2">Champ2</option> </select> <script language="javascript"> var selectElmt = document.getElementById('selectId'); msg=selectElmt.value; document.write(<br>+'msg='+msg); </script>
il ne se passe rien. Et de plus, que au chargement de la page, ça m'embête car je voudrais rafraichir la valeur à chaque fois que l'utilisateur la modifie...

04/04/2011, 16h48
nadox

Bah déjà pour que ça change il faut utiliser onchange comme dans ton autre post... Pourquoi ne pas utiliser alert pour débugger plutôt que document.write ??
04/04/2011, 17h15
SpaceFrog

Code:

document.write(<br>+'msg='+msg);

:lahola:
04/04/2011, 17h38
laurentSc
Citation:

Pourquoi ne pas utiliser alert pour débugger plutôt que document.write ??

Pour t'embêter (et par une plus grande habitude du echo du PHP).
Et finalement, j'ai fait un truc qui me convient :
Code:

1 2 3 4 <select id="selectId" onchange="alert(selectId.value)"> <option value="champ1">Champ1</option> <option value="champ2">Champ2</option> </select>
(tout bête, quoi)