[DOM] Accéder à des éléments du formulaire

La question est simple mais difficile à énoncer.

Je créé ma fonction de traitement AJAX et je voudrais accéder aux valeurs des variables de mon formulaires.
J'ai un problème de syntaxe pour l'accés 'pointé'.
Le formulaire

Code:

---

1 2	<input type=hidden id=id name=id size=5 value="1"> <input type=text id=valeur name=valeur size=5 value="6">

---

Le code JS

Code:

---

1 2 3 4 5 6 7

var Sub = new Array('id','valeur'); with ( theform ){ for (x in Sub){   alert(Sub[x].value);// Le problème est ici } }

---

Merci d'avance

Bonjour,

Citation:

---

Envoyé par riete

// Le problème est ici

---

Ok, mais lequel :?

A+

Code:

---

1 2 3 4 5

var Sub = new Array('id','valeur'); for (x in Sub){   alert(theForm.elements[x].value);// Le problème est ici }

---

Pour acceder a un element de ton formulaire .... pourquoi tu n utilise pas simplement getElementById('ID').value ??

Citation:

---

Envoyé par laurentibus

Pour acceder a un element de ton formulaire .... pourquoi tu n utilise pas simplement getElementById('ID').value ??

---

Parce qu'il ne permet pas de boucler sur la collection ...

Citation:

---

Envoyé par E.Bzz

Parce qu'il ne permet pas de boucler sur la collection ...

---

Absoluement ;)

Je pensais que mon erreur serait évidente pour quelqu'un qui aurait déjà utiliser cela, c'est pour cela que je n'avais pas spécifier mon erreur.
Donc, avec le code

Code:

---

1 2 3 4 5 6 7

with ( theform ){ for (x in Sub){   var s = Sub[x]; data = data + s + "=" + s.value + "&"; } }

---

J'obtiens en retour dans mon script php de traitement AJX ceci:

Code:

---

1 2 3 4 5 6

<pre>Array ( [id] => undefined [valeur] => undefined ) </pre>

---

Manuellement id.value me retourne bien la bonne valeur par contre si Sub[x] = 'id' et que je fais Sub[x].value, j'obtiens undefined ???
merci

Lorsque tu fais :

Code:

---

1 2 3 4 5

for (x in Sub){   var s = Sub[x]; data = data + s + "=" + s.value + "&"; }

---

x correspond déjà à Sub[indice], donc Sub[x] n'existe pas !
Voir ma première réponse ;)

Citation:

---

Envoyé par Bovino

Code:

---

1 2 3 4 5

var Sub = new Array('id','valeur'); for (x in Sub){   alert(theForm.elements[x].value);// Le problème est ici }

---

---

Ok, merci (en tous cas) cela fonctionne de cette façon, mais est ce bien la méthode la mieux adaptée ? (je pose juste la question)

Non, je ne pense pas car for ... in te renvoie aussi des propriétés internes de l'objet.
Le mieux (selon moi) est de passer par un classique :

Code:

---

1 2 3 4 5

var Sub = new Array('id','valeur'); for (var i=0; i<Sub.length; i++){   alert(theForm.elements[Sub[i]].value); }

---

Citation:

---

Envoyé par riete

Je pensais que mon erreur serait évidente pour quelqu'un qui aurait déjà utiliser cela

---

C'est sûrement le cas.
Mais j'essayais de comprendre le problème sans avoir jamais utilisé cette méthode ;)

Je laisse donc la parole (... le clavier) à Bovino :mrgreen:

A+

Voici la version finale qui est probablement améliorable mais qui a l'avantage de fonctionner ;) merci à tous.

Code:

---

1 2 3 4 5 6 7

with ( theForm ){ for (x in Sub){   var s = theForm.elements[x]; data = data + Sub[x] + "=" + s.value + "&"; } }

---

Je refais une petite remarque pour préciser un peu les choses et pour confirmer Bovino a totalement raison.

En effet la boucle

Code:

---

for (var i=0; i<Sub.length; i++)

---

est bien mieux adapté que la boucle

Code:

---

for (x in Sub)

---

Pour la simple et bonne raison que le x prends la valeur 0 à l'entrée de la boucle, ce qui implique que si les variables de formulaires qui nous intéressent ne sont pas en début de formulaire, on se trouve bloqué !! J'ai testé pour vous :roll:

Merci Bovino

A+ Riete

Code:

---

document.forms[0].getElementsByTagName('*')

---

c'est d'ailleurs le seul joker qu'autorise le DOM sans passer par JQUERY ou prototype ...

A retardement :oops:, mais merci pour l'info je ne connaissais pas.