affichage de la valeur du champ sélectionné d'un select [Résolu]

[laurentSc]

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>

[Eric2a]

Salut,

Utilises juste

Code js :

msg=selectElmt.value;

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

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

[laurentSc]

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>

[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.

[laurentSc]

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

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

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

[SpaceFrog]

Code :

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

[laurentSc]

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)