[Javascript] Probleme incrémentation variable
alex2509
-
David191212 Messages postés 270 Statut Membre -
David191212 Messages postés 270 Statut Membre -
Bonjour,
Bonjour, je m'entraine a faire un petit truc et j'ai un probleme,
Voici mon code principal
Et voici la fonction que j'appelle :
Je voudrais remplir mon tableau Tab pour plus de valeur dans le formulaire ! En gros je veux rajouter des zones de texte en plus dans le formulaire Tabe2, Tabe3, Tabe4.... Je voudrais faire ca de facon automatque en fonction d'une variable i que je pourrai incrémenter avec une boucle for. Le probleme c'est ce que dans le formulaire name="" on ne peut pas mettre un tableau a l'intérieur et je ne vois pas d'autre solution ? Donc si vous pouvez m'indiquez une voie à explorer ou autre ... Merci
Bonjour, je m'entraine a faire un petit truc et j'ai un probleme,
<FORM NAME="form1"> <input type="text" name="Tabe0" size="20" value=""><BR> <input type="text" name="Tabe1" size="20" value=""><BR> <INPUT TYPE="button" NAME="bouton" VALUE="Contrôler" onClick='valeurForm()'>
Voici mon code principal
Et voici la fonction que j'appelle :
function valeurForm()
{
var i;
Tab = new Array();
var i = 0;
Tab[0] = document.form1.Tabe0.value ;
Tab[1] = document.form1.Tabe1.value ;
}
Je voudrais remplir mon tableau Tab pour plus de valeur dans le formulaire ! En gros je veux rajouter des zones de texte en plus dans le formulaire Tabe2, Tabe3, Tabe4.... Je voudrais faire ca de facon automatque en fonction d'une variable i que je pourrai incrémenter avec une boucle for. Le probleme c'est ce que dans le formulaire name="" on ne peut pas mettre un tableau a l'intérieur et je ne vois pas d'autre solution ? Donc si vous pouvez m'indiquez une voie à explorer ou autre ... Merci
1 réponse
-
Tiens voila un code qui doit faire ce que tu cherches:
<html> <head> </head> <script language="javascript"> var n=8; function creerForm() { var cadre = document.getElementById("foireauxinputs") var txt = ''; var i; // on cree le formulaire automatiquement ( ici 8 zones de textes ) for (i=0; i<n; i++) { txt += '<input type="text" id="t'+i+'" size="20" value=""><br />'; } txt += "<input type=\"button\" value=\"Contrôler\" onclick=\"valeurForm()\">"; cadre.innerHTML = txt; } function valeurForm() { var Tab = new Array(); var i; // on peuple le tableau for (i=0; i<n; i++) { Tab[i] = document.getElementById("t"+i).value ; } // on essaye d'afficher le tableau var txt = ''; for (i=0; i<n; i++) { txt += ' '+Tab[i]; } alert(txt); } </script> <body onload="creerForm()"> <form id="foireauxinputs"> <div id="foireaqsdfuxinputs"> </div> </body> </html>
