JSFiddle - React, Tailwind, and code Playground

HTML

<select name="typevoie" id="typevoie">
					<option value=' '> </option><option value='allée'>allée</option><option value='avenue'>avenue</option><option value='boulevard'>boulevard</option><option value='carrefour'>carrefour</option><option value='chemin'>chemin</option><option value='chemin rural'>chemin rural</option><option value='cité'>cité</option><option value='corniche'>corniche</option><option value='cours'>cours</option><option value='ecart'>ecart</option><option value='grand rue'>grand rue</option><option value='hameau'>hameau</option><option value='impasse'>impasse</option><option value='jetée'>jetée</option><option value='montée'>montée</option><option value='passage'>passage</option><option value='place'>place</option><option value='promenade'>promenade</option><option value='quai'>quai</option><option value='rond-point'>rond-point</option><option value='route'>route</option><option value='rue'>rue</option><option value='square'>square</option><option value='terre plein'>terre plein</option><option value='tertre'>tertre</option><option value='traverse'>traverse</option><option value='villa'>villa</option>				</select>
<input type="button" id="bar" value="test" />

JavaScript

$( function(){

    $('#bar').on('click', function(){
        // pourquoi le texte?? et pas le val ???
        console.log("methode 1 value: " + $('#typevoie').val());
        console.log("methode 1 texte: " + $('#typevoie :selected').text());
        
        console.log("methode 2 value: " + $('#typevoie').val());
        console.log("methode 2 texte: " + $('#typevoie :selected').text());
                
    })
})