utilitaire classique: proposer un nombre de champs au choix, entre 0 et x.
squelette de formulaire
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 <script type="text/javascript"> var c,c2, ch; // ajouter un champ avec son "name" propre; function plus(){ c=document.getElementById('cadre'); c2=c.getElementsByTagName('input'); ch=document.createElement('input'); ch.setAttribute('type','text'); ch.setAttribute('name','ch'+c2.length); c.appendChild(ch); document.getElementById('sup').style.display='inline'; } // supprimer le dernier champ; function moins(){ if(c2.length>0){c.removeChild(c2[c2.length-1])} if(c2.length==0){document.getElementById('sup').style.display='none'}; } </script>
aperçu: http://javatwist.imingo.net/ajouform.php
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 <form id="frm" action=""> <div id="cadre" style="margin-left:100px;width:200px"> </div> <p> <input type="button" value="ajouter un champ" onclick="plus()" /> <input type="button" style="display:none" id="sup" value="supprimer un champ" onclick="moins()" /> </p> </form>
Partager