Récupérer tous les champs de même nom

[Résolu] Récupérer tous les champs de même nom

Salut à tous,

Voilà mon problème : dans mon formulaire, j'ai 4 champs de saisie qui ont tous les mêmes noms (pour des raisons techniques, je ne peux pas les changer pour les distinguer, je dois me servir juste du rang de chacun)
J'ai besoin de consulter la valeur de chaque champ dans une fonction Javascript, et là je bloque

Voici mon bout de code
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html> <body> <form name="myForm" action="noAction"> Champ1 : <input type="text" name="champ[2]" size="10"><br> Champ2 : <input type="text" name="champ[2]" size="10"><br> Champ3 : <input type="text" name="champ[2]" size="10"><br> Champ4 : <input type="text" name="champ[2]" size="10"><br> <script language="JavaScript"></script> <a href="javascript:getValues();">Lire les valeurs</a> </form> </body> </html>
La question est :
- la fonction getElementById() ne me ramène que le premier champ, comment récupérer les autres ?
- pire encore : getElementById() ne fonctionne par sous Firefox, est-ce qu'il y a une fonction compatible ?

Merci de vos réponses

Citation:

document.myForm.elements["champ[2]"][indice]

indice=1...

Bonjour,
Code:

1 2 3 4 5 6 7 8 9 function getValues() { var field = document.getElementsByName("champ[2]"); for (var i = 0 ; i < field.length ; i ++) { alert('Champ ' + (i + 1) + ' : ' + field[i].value); } }
Citation:

- pire encore : getElementById() ne fonctionne par sous Firefox, est-ce qu'il y a une fonction compatible ?

Pour que cela fonctionne, il faut déclarer l'attribut "id" dans chaque élément.

Citation:
Envoyé par jeca
Bonjour,
Code:

1 2 3 4 5 6 7 8 9 function getValues() { var field = document.getElementsByName("champ[2]"); for (var i = 0 ; i < field.length ; i ++) { alert('Champ ' + (i + 1) + ' : ' + field[i].value); } }
Citation:

- pire encore : getElementById() ne fonctionne par sous Firefox, est-ce qu'il y a une fonction compatible ?

Pour que cela fonctionne, il faut déclarer l'attribut "id" dans chaque élément.
OK merci de vos réponses, je vais essayer ça

[quote="jeca"]Bonjour,

Code:

1
2
3
4
5
6
7
8
9
 
      function getValues() 
      { 
        var field = document.getElementsByName("champ[2]"); 
        for (var i = 0 ; i < field.length ; i ++)
        {
          alert('Champ ' + (i + 1) + ' : ' + field[i].value); 
        }
      }

Merci pour ce code, cela marche