accès à plusieurs champs de meme nom

Bonjour,

Je génère un formulaire de saisie de plusieurs lignes identiques. Pour éviter d'avoir 50 noms de variables différents je réutilise le même nom de champ pour chacune des lignes (le nom des variables n'est pas sufixé de l'indice de ligne). Tout fonctionne bien pour la transmission entre les pages ou ces champs sont considérés comme des tableaux. Par contre, en javascript je ne parviens pas à accéder à ces champs pour effectuer un contrôle de saisie.

un extrait du formulaire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 <tr> <td> <div align="left"><input type="text" name="numCmd" size="50" maxlength="50" value=""></div> </td> <td> <div align="left"><input type="text" name="comCmd" size="50" maxlength="50" value=""></div> </td> </tr> <tr> <td> <div align="left"><input type="text" name="numCmd" size="50" maxlength="50" value=""></div> </td> <td> <div align="left"><input type="text" name="comCmd" size="50" maxlength="50" value=""></div> </td> </tr>
Tentatives d'accès infructueuses (appro est le nom du formulaire):
document.appro.numcmd[0].value;
document.forms["appro"].elements["numcmd"][0].value

Voyez-vous comment faire pour accéder aux valeurs de ces champs ?

Merci pour votre aide.

Code:

document.getElementsByName["numcmd"][0].value

Merci pour ton aide spacefrog mais malheureusement cette solution ne fonctionne pas non plus.

Il y a moyen de s'en sortir en utilisant les indices des éléments du formulaire mais cela ne s'avère pas "très propre" comme développement je trouve.
Code:

1 2 3 4 5 6 7 8 9 10 for (var i=0; i<50;i++) { // on calcule l'indice des différents n° de commande idx = 1 + (i * 4) if (document.forms["appro"].elements[idx].value != "") { //contrôles } }
Y a t'il une meilleure option ?

Merci en tout cas.

je ne voudrais pas te contrarier... mais le code tu as mis n'a rien a voir avec celui que j'ai proposé ...8O8O8O8O8O8O8O8O8O8O8O8O

Code:

doucment.getElementsByName('???')[indice].value

Oui, la solution que tu as proposé ne semblant pas fonctionner, le code que je présente est une solution que j'ai trouvé pour accéder aux champs (elle fonctionne et je l'indique à destination de ceux qui rencontreraient le même problème que moi). Mais comme je l'indiquais auparavant, je ne la trouve pas très satisfaisante et je voudrais savoir s'il n'existe pas un meilleur moyen de procéder.

Merci pour ton aide.

getElementByName fonctionne ... :roll:

Code:

1
2
3
4
5
6
7
8
9
10
 
  for (var i=0; i<50;i++)
      {
         // on calcule l'indice des différents n° de commande
         idx = 1 + (i * 4)
         if (document.getElementsByName("lenomduchamps").value != "")
         {
            //contrôles
         }
      }

oui
Code:

1 2 document.getElementsByName("lenomduchamps").value
fonctionne, par contre,
Code:

1 2 document.getElementsByName("lenomduchamps")[index].value
ne fonctionne pas (du moins lorsqu'il s'agit de plusieurs input type="text" de même nom), et c'est justement de ça dont j'ai besoin.
Tant pis, je me rabats sur la solution que j'ai mentionné supra.
Merci pour ton aide en tout cas.

désolé de te dire que tu te trompes lourdement ...
getElemntsByName fonctionne parfaitement ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<body>
<input type='text' name='foo' value='un' /><br>
<input type='text' name='foo' value='deux' /><br>
<input type='text' name='foo' value='trois' /><br>
<input type='text' name='foo' value='quatre' /><br>
<input type='text' name='foo' value='cinq' /><br>
<input type='text' name='foo' value='six' /><br>
<input type='text' name='foo' value='sept' /><br>
<input type='text' name='foo' value='huit' /><br>
 
<select onchange="alert(document.getElementsByName('foo')[this.value].value)">
<option value='0'>0</option>
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
</select>
</body>

ou

Code:

<select onchange="alert(document.getElementsByName('foo')[this.options[this.selectedIndex].value].value)">

Salut spacefrog,

Autant pour moi, effectivement ton exemple fonctionne ... mais sous IE ! (IE 6 en l'occurrence)
En fait je faisais mes tests sous Firefox 3, et cela ne marchait pas. Pris du doute j'ai donc créé une nouvelle page avec ton exemple : marche pas. Alors, comme tu m'affirmais que cela marchait je n'y comprenais plus rien ... j'ai donc fait le test sous IE et là ça fonctionne effectivement.

Donc, il va falloir que je re qualifie le poste : il s'agit d'un problème sous FireFox ...

mea culpa ...
Visiblement cela ne vient pas non plus de firefox, car sur un autre poste cela fonctionne ... Je vais vérifier mon paramétrage et les versions ...

oui en general je teste sous IE et ffx avant de poster ...
tu as visiblement un souci ailleurs ...
peut etre un problème de balise non fermée ...

j'ai honte ... je testais "numcmd" en javascript et le nom du champ est "numCmd" :oops:
IE ne semble pas s'arrêter à ce genre de détail mais FF si !

Ps: lors de mon premier test de ton script sous FF je n'avais pas vider les traces et fermer le navigateur, il devait donc rester "bloqué" au niveau du javascript ...

en tout cas un grand merci à toi :king:

bonne soirée

javascript est case sensitive ...
Encore une fois je pense que FFx est plus dans le vrai que IE ;)