Masquer/ afficher un champ de saisie
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 :
Code:
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";
}
} |
et dans mon formulaire :
Code:
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?
