Cacher un champ selon la valeur d'un autre champ

Version imprimable

Bonjour,

J'ai un formulaire de saisie et je voudrais cacher le champ discipline selon la valeur du champ formation
Si formation = "PLC" alors afficher champ discipline (liste deroulante)
Sinon ne pas afficher le champ discipline
Ci-dessous le code de mes 2 champs.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<tr> 
              <td colspan="5" height="34"> 
                <div align="left">Formation 
                  <select name="formation" size="1">
                    <option value="PE">Professeur des &eacute;coles (PE)</option>
                    <option value="PLC">Professeur des lyc&eacute;es et coll&egrave;ges 
                    (PLC)</option>
                  </select>
                  en 
                  <select name="annee" size="1">
                    <option value="1">1&egrave;re ann&eacute;e</option>
                    <option value="2">2&egrave;me ann&eacute;e</option>
                  </select>
                </div>
				</td></tr>
 
			 <tr> 
              <td height="31" colspan="5">Discipline 
                <select name="discipline" size="1">
                  <option value="1ALL">CAPES ALLEMAND</option>
                  <option value="1ANG">CAPES Anglais</option>
                  <option value="1DOC">CAPES Documentation</option>
                  <option value="1MUS">CAPES Education Musicale</option>
                </select>
              </td>
            </tr><

Merci de me dire comment je peux cacher le champ discipline suivant la valeur de formation

19/02/2007, 14h54
Amara

Si tu veux que ce soit fait en direct live (le changement de formation entraîne automatiquement le fait de cacher l'autre champ) il va falloir regarder du côté de JavaScript (avec display peut-être...).

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<tr>
<td colspan="5" height="34">
<div align="left">Formation
<select name="formation" size="1">
<option value="PE">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>
.....
<select id="disc" style="display:none" name="discipline" size="1">
option value="1ALL">CAPES ALLEMAND</option>
<option value="1ANG">CAPES Anglais</option>
<option value="1DOC">CAPES Documentation</option>
<option value="1MUS">CAPES Education Musicale</option>
</select>
</td>
</tr>
...........

19/02/2007, 15h19
pascale86

Merci fadex.
Le champ est bien caché si c'est PE, mais il ne réapparait pas si on met PLC

Je ne vois pas pourquoi

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<tr>
<td colspan="5" height="34">
<div align="left">Formation
<select name="formation" size="1">
<option value="PE" onclick="javascript:document.getElementById('disc').style.display="none">Professeur des &eacute;coles (PE)</option>
<option value="PLC" onclick="javascript:document.getElementById('disc').style.display="block">Professeur des lyc&eacute;es et coll&egrave;ges
(PLC)</option>
</select>
.....
<select id="disc" style="display:none" name="discipline" size="1">
option value="1ALL">CAPES ALLEMAND</option>
<option value="1ANG">CAPES Anglais</option>
<option value="1DOC">CAPES Documentation</option>
<option value="1MUS">CAPES Education Musicale</option>
</select>
</td>
</tr>
...........

19/02/2007, 15h39
pascale86

j'ai fait la modif, ça ne change rien

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<tr> 
              <td colspan="5" height="34"> 
                <div align="left">Formation 
                  <select name="formation" size="1">
                    <option value="PE" onclick="javascript:document.getElementById('disc').style.display='none'">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>
<br />
                  <select name="annee" size="1">
                    <option value="1">1&egrave;re ann&eacute;e</option>
                    <option value="2">2&egrave;me ann&eacute;e</option>
                  </select>
                </div>
				</td></tr>
 
			 <tr> 
              <td height="31" colspan="5">Discipline 
                <select id="disc" style="display:none" name="discipline" size="1">
                  <option value="1ALL">CAPES ALLEMAND</option>
                  <option value="1ANG">CAPES Anglais</option>
                  <option value="1DOC">CAPES Documentation</option>
                  <option value="1MUS">CAPES Education Musicale</option>
                </select>
              </td>
            </tr>