Ajout des input successifs
bonjour,
je travaille un formulaire avec un bouton + qui m'ajoute à chaque fois un input
je veux en final faire l'insertion de ces lignes dans ma table mais je n'arrive pas à avoir le nombre du dernier input ajouter voici mon code
essai.html
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50
| <script language="javascript">
var c,c2, ch;
// ajouter un champ avec son "name" propre;
function plusbal(){
c=document.getElementById('cadre');
c2=c.getElementsByTagName('input');
ch=document.createElement('input');
ch.setAttribute('type','text');
ch.setAttribute('name','balname'+c2.length);
ch.setAttribute('id','balname'+c2.length);
c.appendChild(ch);
document.getElementById('sup').style.display='inline';
document.getElementByID("nbphase").value=c2.length;
//document.adduser.nbphase.value=document.getElementByID("nbphase").value+1;
}
// supprimer le dernier champ;
function moinsbal(){
if(c2.length>0){
c.removeChild(c2[c2.length-1]);
}
if(c2.length==0){
document.getElementById('sup').style.display='none';
}
document.adduser.nbphase.value=c2.length;
}
</script>
<table><tr>
<form name="essai" id="essai" method="get" action="essai2.php">
<input type="hidden" name="nbphase" value="1">
<td><input type="button" value="+" style="cursor:pointer" title="Ajouter un champs" onClick="plusbal()"></td><td>
<input type="button" value="-" style="cursor:pointer;display:none" title="Supprimer un champs" id="sup" onClick="moinsbal()">
</td></tr>
<tr><td>
<div id="cadre" style="margin-left:0px;width:200px"></div></td></tr>
<tr><td>
<input type="submit" value="ok"></td></tr>
</form> |
et je veux dans essai2.php recuperer le nombre des ligne pour faire une boucle pour inserer dans la table