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

**hlr** · 07/02/2005, 12h10

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 :

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
 
<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"><!--
	function getValues() {
		var field = document.getElementById("champ[2]");
		alert(field.value);
		alert('Champ1 : ' + field[0].value);
		alert('Champ1 : ' + field[1].value);
		alert('Champ1 : ' + field[2].value);
		alert('Champ1 : ' + field[3].value);
	}
	//--></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

**Matthieu2000** · 07/02/2005, 13h11

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

indice=1...

**jeca** · 07/02/2005, 13h13

Bonjour,

Code :

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

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); 
        }
      }

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

**hlr** · 07/02/2005, 13h21

Envoyé par jeca

Bonjour,

Code :

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

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); 
        }
      }

- 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

**hlr** · 07/02/2005, 13h26

[quote="jeca"]Bonjour,

Code :

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

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

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

JavaScript

Discussions similaires

Partager

Partager