Discussion :

[pascale86]

Bonjour,

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

Code html :

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

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 &eacute;coles (PE)</option>
                          <option value="PLC"  onclick="javascript:document.getElementById('disc').style.display='inline'">Professeur 
                          des lyc&eacute;es et coll&egrave;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 html :

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

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

[E.Bzz]

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

A+

[E.Bzz]

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

A+

[SpaceFrog]

passe par le onchange du select ..

[pascale86]

J'ai essayé le onchange, et j'ai plus rien qui fonctionne

[E.Bzz]

J'ai essayé le onchange

Fais voir comment ....

[pascale86]

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

[SpaceFrog]

il te suffit d'appeler une focntion dasn le onchange

Code :

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

onchange="fooboochoo(this.value)"

et dans la fonction faire un switch

Code :

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

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'
}