Récupérer la valeur sélectionnée dans une liste déroulante

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:

---

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:

---

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

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

Code:

---

1 2 3 4 5

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

---