Bonsoir,
j’aurais une petite question:
comment masquer des champs de formulaire avec JS?
En effet j’ai un formulaire avec des a l’origine un menu deroulant et en fonction des choix de celui-ci, une ou des partie du formulaire s’affiche.
Or avec mon code actuel j’ai des gros soucis puisque rien ne s’affiche!
Le voici:
Le head:
<head>
<script language="JavaScript">
function afficherAutre() {
var a = document.getElementById("technique");
var m = document.getElementById("commercial");
var b = document.getElementById("commun");
var c = document.getElementById("fin");
if (document.form1.liste.value == 1)
{
if(b.style.display == "none")
b.style.display = "block";
if(a.style.display == "none")
a.style.display = "block";
if(m.style.display == "none")
m.style.display = "none";
if(c.style.display == "none")
c.style.display = "block";
}
if (document.form1.liste.value == 2)
{
if(b.style.display == "none")
b.style.display = "block";
if(a.style.display == "none")
a.style.display = "none";
if(m.style.display == "none")
m.style.display = "block";
if(c.style.display == "none")
c.style.display = "block";
}
else
{
a.style.display = "none";
m.style.display = "none";
b.style.display = "none";
c.style.display = "none";
}
}
</script>
</head>
Le body
<select name="liste" onChange="afficherAutre()">
<option value="0"></option>
<option value="1">choix 1</option>
<option value="2">choix 2</option>
</select>
<div id="commun" style="display: none">
<table>
<tr><td>Date : </td><td><input type="text" name="date" id="date" value="<?php echo $date;?>"><input type="button" id="trigger" style="width:20px" value="..."></td></tr>
</div>
<div id="technique" style="display: none">
<tr><td>Nature appel :</td><td><select><option>choix1</option>
<option>choix 2</option>
</select></td></tr>
</div>
<div id="commercial" style="display: none">
<tr><td>Nature appel(1) :</td><td><select><option>choix 1</option>
<option>choix 2</option>
</select></td></tr>
<tr><td>Nature appel(2) :</td><td><select><option>test</option>
</select></td></tr>
</div>
<div id="fin" style="display: none">
<tr><td>Demande: </td><td><textarea></textarea></td></tr>
<tr><td>Auteur fiche :</td><td><select> <option>1</option>
<option>2</option>
<option>3</option>
</select></td></tr>
</table>
</div>
J’ai fait un système de ce genre car sur les choix une ou plusieurs parties pouvait être communes.
Qu’en pensez vous?
merci d’avance