[DOM] valeurs de zone de saisie dynamique

Slt

je voulais ajouter ds mon formulaire une zone saisis dynamiquement.... en cherchant sur le net et les archives de developpez j'ai trouvé... ce qui est fait ( voir le code ci dessous.)

mon pb est comment savoir le nombre de zone creé par l'utilisateur et comment recuperer les valeurs des zones .?
merci.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

<SCRIPT LANGUAGE="JavaScript">   function addField(){ var field = "<input type='text' name='champ' value='' size='10' maxlength='15'/><br/>"; document.getElementById('fields').innerHTML += field; }   </SCRIPT> <form name="test" method="post" action="Select.php" > <div id="fields"> <input name="champ" type="text" size="10" maxlength="15" ><img src='btn_add.gif' onclick='addField(this);' /><br/> </div> <input type="button" value="+" > </form>

---

ajouter un element de formulaire avec innerHTML :vomi:


passe par le DOM

Bonjour,
avant que les foudres se déclenchent, je ne peux que te conseiller d'utiliser la syntaxe DOM (cf. la FAQ) pour ajouter des éléments HTML (hors texte "en dur") dans ta page.
Surtout dans un forumlaire ...

Ainsi tes nouveaux champs seront "postés" comme les autres ...

A+

EDIT : trop tard : j'arrive après la foudre ;)

RE

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

<SCRIPT LANGUAGE="JavaScript">     function addField(bouton) { var conteneur = bouton.parentNode; // le div qui englobes les balises représentant un champ var liste = conteneur.parentNode; // le div qui contient tous les champs liste.appendChild(conteneur.cloneNode(true));   }   </SCRIPT> <form name="test" method="post" action="Select.php" > <div id="fields"> <input name="champ" type="text" size="10" maxlength="15"><br/> <input type="button" value="+" onClick="addField(this);"> </div> </form>

---

ma question est cmment recuperer le nombre de chams ajouté et les valeurs des champs remplis?

Citation:

---

Envoyé par arti2004

ma question est cmment recuperer le nombre de chams ajouté et les valeurs des champs remplis?

---

Code:

---

1 2 3 4 5 6 7 8

var CptChamps = 0; function addField(bouton) { var conteneur = bouton.parentNode; // le div qui englobes les balises représentant un champ var liste = conteneur.parentNode; // le div qui contient tous les champs liste.appendChild(conteneur.cloneNode(true)); CptChamps++; }

---

Elle est pas un peu récursive, ta structure, là ?

Ou alors, y a un loupé :
tel que tu l'écrit, "liste" représente ton <form>, et je crois pas que c'était le but ...

A+

OUI. je n'arrive toujours pas a afficher les valeurs d'un champ.8O