React récupére la value d'un select

Par thomas borto, il y a 3 ans

Javascript React

je voudrais recupérer les value de mon select
j'ai le code si dessus

<select onChange={handleChange} name={'price'}> <option value="">Prix</option> <option value="0-10">0-10€</option> <option value="10-30">10-30€</option> <option value="20-50">20-50€</option> <option value="30-70">30-70€</option> <option value="50-100">50-100€</option> <option value="100et+">100 et +</option> </select>

Ce que je veux

recupérer la valeur de value en fonction de l'option selelctionner

Ce que j'obtiens

je n'ai pas fait le function car je ne c'est pas comment procéder

3 réponses

eliseekn, il y a 3 ans

Bonjour. Définie ta fonction comme ceci :

function handleChange(e) { console.log(e.target.value) }
thomas borto, il y a 3 ans

sa marche je vais tester

FrenchDev, il y a 3 ans

Bonjour tu peux également faire comme ça :

//pour stocker la valeur const [data , setData] = useState(""); // console.log(data) <select onChange={e => setData(e.target.value)} name={'price'}> <option value="">Prix</option> <option value="0-10">0-10€</option> <option value="10-30">10-30€</option> <option value="20-50">20-50€</option> <option value="30-70">30-70€</option> <option value="50-100">50-100€</option> <option value="100et+">100 et +</option> </select>