Bonjour à tous je suis actuellement en train de réaliser un formulaire dynamique:
lorsque mon utilisateur clique sur le bouton radio je veux qu'un div apparaisse en bas pour que l'utilisateur inscrive ces informations et si l utilisateur clique sur l'autre bouton radio un nouveau div prend la place du précédent.
Voilà ce que j'ai déjà fais en faisant des recherche sur internet:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
              <input  id="a" type="radio" name="paiement" value="a" onclick="switch_select();">
 
		  <input  id="b" type="radio" name="paiement" value="b"  onclick="switch_select();"/>
 
...
 
<div id="div_a" style="display:none">
 
</div>
 
<div id="div_b" style="display:none">
 
</div>
Et le code javascript:
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
switch_select() {
if (document.getElementById("a").checked) {
   document.getElementById("div_a").style.display="inline";
}
else {
   document.getElementById("div_a").style.display="none";
}
 
if (document.getElementById("b").checked) {
   document.getElementById("div_b").style.display="inline";
}
else {
   document.getElementById("div_b").style.display="none";
}
}
Rien ne marche et dans le débuggueur de firefow j'ai: "switch_selected is not defined"
Pourtant j'ai bien intégrer mon fichier avec:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
<script src="../../script/afficher_cacher.js"> 
</script>
entre <head> et </head>