Bonjour tout le monde,
Je veux à partir de la valeur d'une sélection afficher ou masquer un champ de saisie . Si le choix est un congé de récupération le système affiche un input pour saisir la date à récupération.
Suite à une petite recherche j'ai trouver cette fonction :
et dans mon formulaire :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11 function changementType(type) { if (type == "Recuperation") { document.getElementById("recup").style="display:block"; } else { document.getElementById("recup").style="display:none"; } }
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 <td>Type de Congé</td> <td> <select id="type_conge" name="type_conge" onchange="changementType(document.getElementById('type_conge').value);"> <option></option> <option id="Congé Légal" value="Légal">Congé Légal</option> <option id="Congé de Maladie" value="Maladie">Congé de Maladie</option> <option id="Congé Exceptionnel" value="Exceptionnel">Congé Exceptionnel</option> <option id="Recuperation" value="Recuperation">Congé Récupération</option> </select> </td> <td> <div id ="recup" style="display:none"> <input type="text" id="" class="" name="date_recup" value="" /> <a href="javascript:cal2.popup();"><img src="<?php echo $this->baseUrl; ?>/public/images/cal.gif" width="16" height="16" border="0" alt="Cliquez ici pour obtenir la date."></a> </div> <script language="JavaScript"> var cal3 = new calendar1(document.forms['index'].elements['date_recup']); cal3.year_scroll = true; cal3.time_comp = false; </script>// ce code affiche un calendredi pour saisir la date.
Mais lorsque je choisi le type Récupération rien ne se passe.
Pouvez vous m'aider afin de faire fonctionner ce code , est ce qu'il manque quelque chose ou je dois rectifier ce dernier?
Partager