Tableau dynamique

Bonjour,
J'ai besoin d'aide en ce qui concerne un tableau dynamique.
En effet, je souhaiterais créer un tableau où j'ai a possibilité d'ajouter et supprimer des lignes.
Ce tableau est un tableau pour la gestion de taille de vetement, voici un exemple :

Taille   Quantité
M         1              Supprimer la ligne

Ajouter une ligne

Il faut que je puisse ajouter autant de ligne que l'on veut et qu'après je puisse récupérer les valeur.
La seul contrainte est que je ne veut pas que la page se recharge.

Merci d'avance

Salut !

Tu peux nous dire d'où sortent tes lignes? bdd, session ...
Les lignes que tu veux ajouter, tu les sort d'où? Elles sont affichées dans la même page?
Si tu ne veux pas que ta page se recharge, il va falloir passer par du javascript

---

l_ow^ke<sub>y

WWJD for havin' a nice code ?</sub>

mes lignes sont généré automatiquement, a la base c'est une ligne vierge, ici dans mon exemple j'ai fait comme si j'avai saisie dans la premiere ligne.
Le but étant que je puisse en ajouter d'autre tout en concervant les donénes déjà saisie auparavant.

Donc tu a des champs en dessous de ton tableau avec un bouton ajouter, c'est ça?

---

l_ow^ke<sub>y

WWJD for havin' a nice code ?</sub>

En fait il faut que je génére des ligne de tableau avec des input a l'interieur. Une sorte de clonage de ligne.
------
'<tr class="texte_tab2" >
            <td><input type="text" class="text"  name="champ1" /></td>
            <td><input type="text" class="text"  name="champ2" /></td>
 </tr>
------

c'est cette ligne la qui doit etre reproduit autant de fois que je clique sur ajouter.
Et ensuite il faut que je récupérer les valeur des champs.

ok !!!

<tbody id='tb'>
<tr class="texte_tab2" id='l1' >
            <td><input type="text" class="text"  name="champ1" /></td>
            <td><input type="text" class="text"  name="champ2" /></td>
 </tr>
</tbody>

Pour supprimer en js :
document.getElementById('tb').removeChild(document.getElementById("l1"));

Pour ajouter :
     re = document.createElement('tr');
     re.setAttribute('id', 'l'+num); //il faut récupérer le numéro de ligne que tu veux mettre
     re.setAttribute('class', 'texte_tab2');
     de = document.createElement('td');
     df = document.createElement('td');
     document.getElementById('tb').appendChild(re);
     document.getElementById('come').appendChild(de);
     document.getElementById('come').appendChild(df);
     de.innerHTML="<input type='text' class='text'  name='champ1' />";
     df.innerHTML="<input type='text' class='text'  name='champ2' />";

Mais il doit y avoir beaucoup plus simple

---

l_ow^ke<sub>y

WWJD for havin' a nice code ?</sub>

et admettons que je fasse comme ca, comment je fait pour récupérer les valuer ensuite? vu que les champ on le meme nom

   de.innerHTML="<input type='text' class='text'  name='champ1"+num+"' />";
   df.innerHTML="<input type='text' class='text'  name='champ2"+num+"' />";

---

l_ow^ke<sub>y

Quand on se fait chier, on clique ici</sub>

J'ai essayé la methode malheureusement à l'envoie du formulaire, je ne récupére que la premiere ligne!!
j'ai beau ajouter deux ou trois autre ligne, je ne vois que la premiere!!

j'ai l'impression que le php ne voit pas les ligne ajouter en jaascript

j'ai l'impression que les ligne ne sont pas réellement créer mais juse affichée, comment fait on pour réupérer des valeur  dont les champ sont créer en javascript, car de plus il ne sont meme pas voyant dans le code source!!!