[DOM] liste déroulante et erreur ".selectedIndex has no properties

Bonjour,

J'ai un menu déroulant qui est généré dynamiquement.

Voilà ce que ca donne une fois généré:

Code:

---

1 2 3 4 5 6 7

<select id="PAYS_ID" class="field" tabindex="18" name="PAYS_ID"> <option value="-1">......choix pays......</option> <option value="17"> Allemagne </option> <option value="20"> Argentine </option> <option value="43"> Australie </option> ... </select>

---

Je voudrai récupérer la valeur de la selection, donc je fais en js:

Code:

---

1 2	var sel = maform.elements[champ].options[maform.elements[champ].selectedIndex].value; alert(sel);

---

donc ca marche bien si je met tout ca dans un fichier test.html.

Par contre, si je met ca dans mon formulaire contenant d'autres bouton avec laquel je parcoure avec une boucle tous les champs pour les récupérer, et une fois arriver au menu select, j'ai fais comme le code ci-dessus mais j'obtiens une erreur:

Code:

---

1 2	maform.elements[champ].selectedIndex has no properties

---

Et voici ma boucle qui parcoure tous les champs:

Code:

---

1 2 3 4 5 6

for(var champ = 0; champ<maform.elements.length;champ++) { ..... var sel = maform.elements[champ].options[maform.elements[champ].selectedIndex].value; alert(sel); }

---

merci d'avance

Salut,
Je te conseille d'utiliser les méthodes du DOM

Code:

---

1 2	sel = getElementById(champ).options[getElementById(champ).selectedIndex].value;

---

en parcourant les id du formulaire

salut,

j'ai essayé avec un getElementById mais j'obtiens comme erreur
getElementById is not defined

j'ai aussi essayé avec un document.getElementById qui ne marche pas non plus.

Mon formulaire se trouve dans une iframe pour précision.

Citation:

---

en parcourant les id du formulaire

---

je ne comprend pas trop la différence avec ce que j'ai fais


pour info:

quand je fais alert(maform.elements[champ].name) j'arrive à obtenir le name du menu déroulant
mais quand je fais

Code:

---

alert(maform.elements[champ].name.options[maform.elements[champ].name.selectedIndex].value);

---

j'obtiens cette erreur:
maform.elements[champ].name.selectedIndex has no properties

Bonjour

Citation:

---

Je voudrai récupérer la valeur de la selection

---

Moi, j'ai l'habitude de faire

Code:

---

sel=document.getElementById("PAYS_ID").value

---

Mais document est un sous-objet de l'objet window (objet par défaut) . Si ton formulaire est dans un iframe, faire :

Code:

---

sel=document.frames("monIframe").document.getElementById("PAYS_ID").value;

---

Autant pour moi, j'avais oublié d'inscrire le getElementById dans document.

ok ca marche niquel merci.

le truc c'est que je ne peux pas mettre directement PAYS_ID dans le getElementById, d'où l'utilisation de ma boucle pour parcourir tous les éléments de ma form.

donc voilà, quand je fais:

sel=document.getElementById(maform.elements[champ].name).value
j'ai l'erreur
document.getElementById(maform.elements[champ].name) has no properties

mais pas si je met directement "PAYS_ID"

[EDIT]
c'est réglé grâce à mon autre topic:
http://www.developpez.net/forums/sho...d.php?t=401420

desolé je me suis trompé de rubrique