[JS]Formulaire dynamique et calcul de total

Bonjour a tous et bon dimanche ! :p
Je suis actuellement de réaliser un formulaire dynamique qui a pour but lorsque l'utilisateur ajoute la quantité d'un produit une nouvel div apparait pour qu'il ajoute la quantité d'un nouveau produit etc...
Cepepant j'aimerai ajouter un formulaire total qui calcul prix*qtt + prxi1*qtt1 etc...
Mais je ne sais pas comment faire voilà déja mon début de code:
Ma page:

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
            <form id="code"action="<? echo $PHP_SELF ?>" method="post" >
 
                <p> 
                        <label>Code</label>
                        <select  id="code" name="code" class="textfield">
                         </select> 
 
                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                 <input type="text" name="qtt"  class="textfield"   onchange="ajout()" size="1"/>
      </p>
 
 
                 <p id="code_i1" style="display:none"> 
                               <label>Code</label>
                                <select  class="textfield">
                            </select> 
 
                                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                        <input class="textfield" type="text" name="qtt1"  onchange="ajout1()" size="1"/>
                </p>
 
 
                 <p id="code_i2" style="display:none"> 
                 <br />
                               <label>Code</label>
                                <select class="textfield">
                            </select> 
 
                                <span style="margin-left:10px;">Prix unitaire: 10&euro;</span>
                                <span style="margin-left:10px;">Quantit&eacute;:</span>
 
                        <input class="textfield" type="text" onchange="ajout2()" name="qtt2"size="1"/>
                </p>

Je n'est pas encore incorporer la parti php mais prenon comme nom de variable des prix des produits "prix" "prix1" etc...
Et voilà le code JS un peu lourd ^^ :

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
 
function ajout() { 
        var qtt= document.forms.code.qtt.value;
 
                if (document.forms.code.qtt.value != "")
                {
                        document.forms.code.qtt.value= qtt;
                        document.getElementById('code_i1').style.display='inline';
                }
 
                else { document.getElementById('code_i1').style.display='none'; }
}
 
function ajout1() { 
 
        var qtt1= document.forms.code.qtt1.value;
 
                if (document.forms.code.qtt1.value != "")
                {
                        document.forms.code.qtt1.value= qtt1;
                        document.getElementById('code_i2').style.display='inline';
                }
 
                else { document.getElementById('code_i2').style.display='none'; }
}

En passant j'ai essayer d'alléger le script par un boucle qui ne marche pas :aie:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
unction test(){
	for(i=0;i<4;i++){	
 
	var qtt+i= document.forms.code.'qtt+i'.value;
 
		if (document.forms.code.'qtt+i'.value != "")
		{
			document.forms.code.qtt+i.value= qtt+i;
			document.getElementById('code_i+i+1').style.display='inline';
                        i+=1;
		}
 
		else { document.getElementById('code_i+i+1').style.display='none'; }
	}
}$

Merci d'avance !