Activer ou cacher un champ

Version imprimable

Bonjour,

J'ai un formulaire de saisie qui offre la posssibilité de choisir dans une liste déroulante la formation
Code:

1 2 3 4 5 6 7 <select name="formation" size="1"> <option value="Formation ?" >Formation ?</option> <option value="PE" onclick="javascript:document.getElementById('groupe').style.display='inline'">Professeur des écoles (PE)</option> <option value="PLC" onclick="javascript:document.getElementById('disc').style.display='inline'">Professeur des lycées et collèges (PLC)</option> </select>
Si la formation = PE, je veux afficher le champ groupe et masquer le champ discipline
Si la formation = PLC je veux masquer le champ groupe et activer le champ discipline.

Pour chacun des champs discipline et groupe j'ai la syntaxe suivante :
Code:

1 2 3 4 5 6 7 8 <select id="groupe" name="groupe" style="display:none" size="1"> <option value="Groupe de rattachement PE ?">Groupe de rattachement PE ?</option> <option value="A">A</option> <option value="B">B</option> <option value="C">C</option> <option value="D">D</option> </select>
Mes problèmes :
Si je mets formation =PE j'ai bien groupe qui s'affiche et pas discipline (la c bon), mais si je change et si je mets formation = PLc (sans recharger la page) groupe reste affiché et discipline s'affiche aussi.
idem si je fais l'inverse, plc d'abord et PE apres.

Autre problème onclick semble ne pas marcher avec IE.

Comment je peux faire simple pour que ça marche partout?

Merci

19/06/2007, 14h26
E.Bzz

Bonjour,
essaye d'enlever "Javascript:" dans le onclick ...

A+
19/06/2007, 14h28
E.Bzz

Oups !
C'est surtout que le onclick ne fonctionne pas sur les options ...
CF. la FAQ, ou "Contribuez"

A+
19/06/2007, 14h30
SpaceFrog

passe par le onchange du select ..
19/06/2007, 14h35
pascale86

J'ai essayé le onchange, et j'ai plus rien qui fonctionne
19/06/2007, 14h36
E.Bzz

Citation:

Envoyé par pascale86

J'ai essayé le onchange

Fais voir comment ....
19/06/2007, 14h37
pascale86

même chose, sauf que j'ai remplacé onclick par onchange

il te suffit d'appeler une focntion dasn le onchange

Code:

onchange="fooboochoo(this.value)"

et dans la fonction faire un switch

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function fooboochoo(what){
var obj
switch (what){
 
case 'PE': obj=document.getElementById('groupe')
                break;
 
case 'PLC': obj=document.getElementById('disc')
                break;
 
          }
obj.style.display='inline'
}