Discussion :

[pascale86]

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 html :

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

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

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

[fadex]

Code :

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

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

[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

[Dia_FR]

Code :

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

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

[pascale86]

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

[fadex]

Code :

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

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>