[Javascript] Probleme incrémentation variable

Fermé
alex2509 - 10 mars 2013 à 12:23
David191212 Messages postés 236 Date d'inscription samedi 18 juillet 2009 Statut Membre Dernière intervention 2 juillet 2016 - 20 mars 2013 à 19:06
Bonjour,

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

A voir également:

1 réponse

David191212 Messages postés 236 Date d'inscription samedi 18 juillet 2009 Statut Membre Dernière intervention 2 juillet 2016 46
20 mars 2013 à 19:06
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>
0

Discussions similaires