Copie automatique dans mon panier !

Bonjour,

J'ai 2 ligne à 3 champs pour un catalogue : Titre, Quantité et Prix et un panier avec la même configuration.

J'ai écrit un code pour que lorsqu'on cliquer sur "Ajouter au Panier", le Titre du catalgue se copie dans le Titre du panier et pour la quantité, prix de même.

Mais le problème est que je ne sais pas quoi écrire pour que lorsque la première ligne de mon panier est remplie, que cela copie automatiquement à la deuxième ligne, et ainsi de suite.

Voici les codes simplifier des champs de mon catalogue et de mon panier :

Merci pour votre aide.

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
<body>

Catalogue

Ligne 1

<form method=post >
<br>Titre:<input type="text" value="Jeux 1" name="Titre" id="title1">
Quantit&eacute;:
<select id="quantite1">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
Prix:<input type="texte" value="15" name="Prix" id="prix2">&euro;
<input type="button" value="Ajouter au Panier" onClick="copier();"/>
               <script type="text/javascript">
                   function copier(){
                   document.ajout.title1.value = document.ajout.Titre1.value;
                   document.ajout.quantite1.value = document.ajout.field12.value;
                   document.ajout.prix1.value = document.ajout.field1.value;
                   }
               </script></br>
</form>

Ligne 2

<form method=post >
<code type="html"><code type="html">
<br>Titre:<input type="text" value="Jeux 1" name="Titre" id="title2">
Quantit&eacute;:
<select id="quantite2">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select> 
Prix:<input type="texte" value="15" name="Prix" id="prix2">&euro;
<input type="button" value="Ajouter au Panier" onClick="copier();"/>
               <script type="text/javascript">
                   function copier(){
                   document.ajout.title2.value = document.ajout.Titre1.value;
                   document.ajout.quantite2.value = document.ajout.field12.value;
                   document.ajout.prix2.value = document.ajout.field1.value;
                   }
               </script></br>
<form method=post>

Panier

Ligne 1 

<br>Titre<input type="text" id="Titre1">Quantit&eacute;<input type="text" id="field12"value="0">Prix<input type="text" id="field1"value="0">&euro;</br>

Ligne 2

<br>Titre<input type="text" id="Titre2">Quantit&eacute;<input type="text" id="field22"value="0">Prix<input type="text" id="field2"value="0">&euro;</br>

</form>

</body>
</html>