Acces element de formulaire sous la forme element[i]

**eowene** · 06/12/2006, 09h37

Bonjour à tous,

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

Code :

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

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.

**SpaceFrog** · 06/12/2006, 10h03

Code :

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

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)

?

**eowene** · 06/12/2006, 10h09

Oui, ça fonctionne.
Merci.

**eowene** · 06/12/2006, 15h00

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 ?

**Matthieu2000** · 06/12/2006, 15h01

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

**SpaceFrog** · 06/12/2006, 15h13

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
<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 ...

**eowene** · 06/12/2006, 15h23

Mais en fait mes input sont plutot du style :

Code :

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

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 ???

**SpaceFrog** · 06/12/2006, 15h32

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

sinon une possibilité : un teste sur le name

Code :

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

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 ...

**eowene** · 06/12/2006, 15h38

Merci je vais essayer ça.

Acces element de formulaire sous la forme element[i]

JavaScript

Discussions similaires

Partager

Partager