getElementsByName > souci syntaxe

**Gaetan_** · 19/12/2007, 12h20

Bonjour à tous,

Un grand merci encore pour votre aide hier, sans vouloir faire de leche botte inutile, il est rare d'avoir des réponses aussi rapides et pertinentes.
J'arrete là vous allez rougir.

Toujours aussi boulet avec Javascript, je tournicote dans tous les sens mon code, je googlise mais rien.

Voilà mon souci, tout simple :
Le javascript ci-apres fonctionne très bien pour des inputs classiques :
<INPUT TYPE='text' NAME='prix' ...
mais dès que je rajouter mon incrément (necessaire pour mon traitement php)
<INPUT TYPE='text' NAME='prix[1]'...
ca cafouille...je modifie, j'invente

rien...

Encore un GRAND merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
<SCRIPT TYPE="text/JavaScript">
function somme()
	{ var total=0;
		for( i=0 ;i<3;i++){
			total+=parseInt(document.getElementsByName('prix')[i].value*document.getElementsByName('qte')[i].value);
			}
	return total;
}
 
function afficherSomme(){
document.getElementById("lasomme").innerHTML='la somme ' + somme();
}
</SCRIPT>
 
</HEAD>
 
<BODY>
<form name='bdc' method='post' action='f_test.php'>
<TABLE>
<TR><TD><INPUT TYPE='text' NAME='prix[1]' ID='prix' value='9' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte' NAME='qte[1]' value='10'></TD></TR>
<TR><TD><INPUT TYPE='text' NAME='prix[2]' ID='prix' value='3' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte' NAME='qte[2]' value='2'></TD></TR>
<TR><TD><INPUT TYPE='text' NAME='prix[3]' ID='prix' value='2' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte' NAME='qte[3]' value='5'></TD></TR>
<TR><td><INPUT TYPE="submit"></TD></TR>
<TR><td id="lasomme">la somme</TD></TR>
....

**SpaceFrog** · 19/12/2007, 12h45

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByName('prix['+i+']')[0]

**Gaetan_** · 19/12/2007, 12h57

Merci SpaceFrog mais ca ne marche pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

total+=parseInt(document.getElementsByName('prix['+i+']')[0].value*document.getElementsByName('qte['+i+']')[0].value);

**SpaceFrog** · 19/12/2007, 13h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<SCRIPT TYPE="text/JavaScript">
function somme()
	{ var total=0;
		for( i=1 ;i<4;i++){
				total+=parseInt(document.getElementsByName('prix['+i+']')[0].value*parseInt(document.getElementsByName('qte['+i+']')[0].value));
			}
	return total;
}
 
function afficherSomme(){
document.getElementById("lasomme").innerHTML='la somme ' + somme();
}
</SCRIPT>
 
<BODY>
<form name='bdc' method='post' action='f_test.php'>
<TABLE>
<TR><TD><INPUT TYPE='text' NAME='prix[1]' ID='prix1' value='9' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte1' NAME='qte[1]' value='10'></TD></TR>
<TR><TD><INPUT TYPE='text' NAME='prix[2]' ID='prix2' value='3' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte2' NAME='qte[2]' value='2'></TD></TR>
<TR><TD><INPUT TYPE='text' NAME='prix[3]' ID='prix3' value='2' onfocus='afficherSomme()'><INPUT TYPE='text' ID='qte3' NAME='qte[3]' value='5'></TD></TR>
<TR><td><INPUT TYPE="submit"></TD></TR>
<TR><td id="lasomme">la somme</TD></TR>
</form>
</body>