Acces element de formulaire sous la forme element[i]

Version imprimable

Bonjour à tous,

J'ai un formulaire dans lequel une boucle php créé des input.
Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 <?php foreach($monchamp as $monelement) { ?> <tr align="center"> <td><input type="text" name="nom[<?php echo $monelement['id']; ?>]" value="<?php echo $monelement['valeur']; ?>"></td> </tr> <?php } ?>
J'aimerais dans une fonction javascript pouvoir faire la somme de toutes les valeurs des champ nom[].
Comment acceder à leur valeur sachant que je ne connait pas le nombre d'élements ?

Merci d'avance pour vos réponses.

Code:

1
2
3
4
5
var collection=document.getElementsByName('nom[]')
var somme
for(i=0;i<collection.length;i++){
 somme+=Number(collection[i].value)}
alert(somme)

06/12/2006, 10h09
eowene

Oui, ça fonctionne.
Merci.
06/12/2006, 15h00
eowene

Finalement, non, ça ne fonctionne pas... Désolée.
Le message d'erreur est "collection has no properties".
Vous saavez d'où ça peut venir ?
06/12/2006, 15h01
Matthieu2000

Citation:

<?php
foreach($monchamp as $monelement) {
?>
<tr align="center">
<td><input type="text" name="nom[]" value="<?php echo $monelement['valeur']; ?>"></td>
</tr>
<?php
}
?>

:idea:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<body>
 <input type='text' name='nom[]' value="1" />
 <input type='text' name='nom[]' value="2" />
 <input type='text' name='nom[]' value="3" />
 <input type='text' name='nom[]' value="4" />
 <input type='text' name='nom[]' value="5 "/>
 <input type='text' name='nom[]' value="6" />
 <input type='text' name='nom[]' value="7" />
</body>
<script type='text/javascript'>
var collection=document.getElementsByName('nom[]')
alert('il y a '+ collection.length +' inputs')
 var somme=0
 for(i=0;i<collection.length;i++){ somme+=Number(collection[i].value)} 
 alert('la somme de leurs valeurs vaut '  +somme)
 </script>

Testé sous IE et FFX ...

Mais en fait mes input sont plutot du style :
Code:

1 2 3 4 5 6 7 8 9 <body> <input type='text' name='nom[1]' value="15" /> <input type='text' name='nom[2]' value="78" /> <input type='text' name='nom[3]' value="47" /> <input type='text' name='nom[4]' value="95" /> <input type='text' name='nom[5]' value="34 "/> <input type='text' name='nom[6]' value="22" /> <input type='text' name='nom[7]' value="29" /> </body>
Ce que je souhaite c'est récupérer la valeur de tous mes élément nom[i] pour en faire la somme...
C'est possible ça ???

???? ça sert à quoi de mettre l'integer ???

sinon une possibilité : un teste sur le name
Code:

1 2 3 4 5 6 7 8 <script type='text/javascript'> var collection=document.getElementsByTagName('input') var somme=0 for(i=0;i<collection.length;i++){ if(collection[i].name.substr(0,4)=="nom["){ somme+=Number(collection[i].value)} } alert('la somme de leurs valeurs vaut ' +somme) </script>
peut aussi être fait avec un regExp ...

06/12/2006, 15h38
eowene

Merci je vais essayer ça.