Discussion :

[dmoluc]

bonjour à tous

il y a des centaines de post sur le sujet et pourtant comme d'habitude, je n'arrive pas à passer le premier niveau
j'ai créer une petite liste d'essais avant de me lancer dans une usine à gaz

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
form name="Choix" >
        <p>
 
                <select name="list"  id="list">
                <option id= Limon name="limon">limon</option>
                <option id="tourbe" name="tourbe">Tourbe</option>
                <option id="ArgileN" Name="ArgileN">Argile en dépot naturel</option>
                <option id="ArgileS" name="ArgileS">Argile sèche</option>
                <option id="ArgileM" name="ArgileM">Argile mouillée</option>
</select>
</p>

jusque là pas de soucis, mais quand je veux récupérer la valeur sélectionnée ça se gate

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var texte = 'String'
 
           document.querySelector("select").addEventListener("change", function rechercher() {
               texte = list.options[list.options.selectedIndex].text
               alert(texte.text);//undefined
           }, false);
               }

je n'arrive pas à récupérer la valeur j'ai comme résultat undefined...
je suis incapable d'aller plus loin avec les post que je trouve, un petit coup de main serait le bienvenue

[dmoluc]

c'était trop simple pour moi, pour faire simple si l'on peu faire compliqué

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
document.querySelector("select").addEventListener("change", function() {
               //texte = list.options[list.options.selectedIndex].text
               texte=(this.value);
               alert(texte)
           }, false);