Tester la valeur d'un champ pour éviter options "has no properties"

Bonjour,

J'ai le message suivant :

Code:

---

document.getElementById("origine").options has no properties

---

Mon code est celui-ci :

Code:

---

var liborigine = document.getElementById('origine').options[document.getElementById('origine').selectedIndex].text;

---

Le contexte d'utilisation est une saisie d'informations en ligne qui s'affiche ensuite dans mon formulaire par ajout de ligne.

La 1ère ligne saisie ne présente aucune erreur, "origine" est choisi dans un Select et là en l'occurence, je ne choisi rien.
Dès la 2ème ligne saisie, j'ai cette erreur.

Comment tester le contenu du champ pour éviter ce genre de problème.

Merci d'avance

ben en l'occurence ça voudrait dire que le selectedIndex est supérieur à options.length-1 ?

Dans mon code après la constitution de ma ligne, je l'écris, puis j'initialise les champs pour la saisie suivante :

Code:

---

1 2 3 4 5 6 7 8 9 10

// Ajout de la ligne document.getElementById('ajoutLigne').appendChild(ligne);   // Initialisation des champs de l'écran document.getElementById('contact_nom').value=''; document.getElementById('texte').value='Votre texte'; document.getElementById('origine').value='-1'; document.getElementById('action').value='-1'; document.getElementById('pourle').value='Pour le'; document.getElementById('ajoutLigne').scrollTop=50;

---

Pour "origine" j'avais " ", j'ai mis "-1", mais cela ne change rien au message

Est-ce que ça te donne ce que tu veux :

Code:

---

1 2 3

if(document.getElementById('iddetonchamp')){ ... }

---

:question:

Je n'ai pas de problème avec l'id de mon champ puisque sur ce code :

Code:

---

1 2	var origine = document.getElementById('origine').value; var liborigine = document.getElementById('origine').options[document.getElementById('origine').selectedIndex].text;

---

Il râle sur la ligne 2, pas sur la 1ère.

La 1 c'est l'id mon Select, la 2 c'est le texte sélectionné de l'id de mon Select.

Code:

---

if(monselect.selectedIndex <monslect.options.length){

---

J'ai fait comme ceci :

Code:

---

1 2 3 4 5 6 7 8 9 10

alert(document.getElementById('origine').selectedIndex); alert(document.getElementById('origine').options.length); if(document.getElementById('origine').selectedIndex <document.getElementById('origine').options.length) { var liborigine = document.getElementById('origine').options[document.getElementById('origine').selectedIndex].text; } else { var liborigine = ''; }

---

au 1er passage j'ai les valeurs 0 puis 3 dans mes alert

au 2ème passage j'ai "undefined" au 1er alerte

Code:

---

if(document.getElementById('origine').selectedIndex && document.getElementById('origine').selectedIndex<document.getElementById('origine').options.length)

---

Je garde la même erreur

Citation:

---

document.getElementById("origine").options has no properties

---

avec

Code:

---

if(document.getElementById('origine').selectedIndex && document.getElementById('origine').selectedIndex<document.getElementById('origine').options.length)

---

En plaçant le code comme ceci, je n'ai plus d'erreur

Code:

---

1 2 3 4 5 6 7 8

if(document.getElementById('origine').selectedIndex && document.getElementById('origine').selectedIndex<document.getElementById('origine').options.length) { var liborigine = document.getElementById('origine').options[document.getElementById('origine').selectedIndex].text; } else { var liborigine = ''; }

---

Mais du coup, je ne récupère la valeur attendue que la 1ère fois, que je fasse un select ou pas sur mon formulaire.

Ensuite que je fasse un select ou pas, j'ai l'erreur.

J'ai essayé en retirant l'initialisation de mes champs à chaque ajout de ligne, mais c'est pareil.

Merci pour votre accompagnement, j'ai honte, mais je dois l'avouer pour les autres.

J'avais 2 fois le même id, lorsque je rajoute une ligne, j'ai oublié d'associer mon indice de ligne au nom de l'id.

Merci et pardon, j'ai honte....

le tout c'est d'avoir trouvé ton bug, ça m'arrive aussi plus souvent qu'à mon tour :aie: