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