Utilisation de getElementById avec une variable

Bonjour
J'ai une liste de champs dont les id sont valeur1, valeur2, valeur3, ......
J'aurais besoin de récupérer les valeurs de ces champs dans une boucle. J'ai fait cela :

Code:

---

1 2 3 4 5 6

for ($i=0;$i<$nb_type_pack;$i++) { var valu='valeur'+$i; $type_package=document.getElementById(valu).value; ....... }

---

Mais ca ne marche pas. Si je mets directement var valu='valeur1' ca fonctionne bien mais je n'arrive pas à faire sur la boucle :cry:

Quelqu'un aurait une idée ?

Merci

Citation:

---

Mais ca ne marche pas.

---

C'est un peu vague pour pouvoir t'aider... :roll:

En tout cas, l'extrait de code que tu montres semble correct, même si déclarer une variable à l'intérieur d'une boucle est assez maladroit, l'erreur doit être ailleurs.

c'est sur que dans une boucle la valeur est écrasée à chaque fois ...

Le but entier est dans un formulaire, de pouvoir ajouter des lignes dynamiques grâce à un bouton. Dans chaque ligne, il y a une liste déroulante dont les données proviennent d'une table récupérées en php.

J'ai donc dans un premier temps, récupérer les données et placer dans des champs dont les noms sont identifiant1, identifiant2, ..... et valeur1, valeur2, ....

Ensuite je veux les récupérer en javascript en lisant les champs. Je crée alors la variable toto dans laquelle je mets pour chaque donnée
<option value='identifiant1'> valeur1 </option>

Puis à chaque fois qu'on clique sur le bouton, ca exécute la fonction qui permet de créer 1 ligne avec cette liste déroulante.


Le code plus complet est le suivant :

La partie javascript est le suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<script type="text/javascript"> var text2=""; var toto="";   function ajout_Quantity() { document.getElementById("inputs2").innerHTML = ""; $nb_type_pack=document.getElementById('nombre_type_packaging').value; toto="";   for ($i=0;$i<$nb_type_pack;$i++) { var valu='valeur'+$i; $type_package=document.getElementById(valu).value; toto += '<option value="'+$type_package+'">'+$type_package+'</option>'; }   text2 += '<table width="100%" align="left"><tr><td colspan="2"><hr /></td></tr><tr><td colspan="2"><select name="package">'+toto+'</select></td></tr></table><br>';       document.getElementById("inputs2").innerHTML += text2;   }   }   </script>

---

Dans la page html,

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

<?php $liste_packaging=type_packaging::ListeNumType_packaging(); for ($i=0;$i<count($liste_packaging);$i++) { $tableau_type_packaging[$i][0]=$liste_packaging[$i][0]; $tableau_type_packaging[$i][1]=$liste_packaging[$i][1];   echo $tableau_type_packaging[$i][0]; } $nombre_type_packaging=$i+1;   for ($i=0;$i<$nombre_type_packaging-1;$i++) { echo '<input type="text" name="identifiant'.$i.'" id="identifiant'.$i.'" value="'.$tableau_type_packaging[$i][0].'" />'; echo '<input type="text" name="valeur'.$i.'" id="valeur'.$i.'" value="valeur'.$i.'.'.$tableau_type_packaging[$i][1].'" />';   }     ?> <div id="inputs2"></div> <p align="right"><input type="button" name="add_quantity" value="New Quantity" id="bouton" onclick="javascript:ajout_Quantity()"/></p>

---

Voilà j'espère être claire
Je trouve que c'est compliqué pour faire quelque chose qui me semble simple, mais je ne sais pas comment faire autrement. J'arrive donc à avoir mes champs identifiant et valeur mais je n'arrive pas à faire la boucle en javascript pour créer ma variable toto

Merci de votre aide