Recupérer la valeur chaque option dans un select

regarde ce code essaie le c avec jquery

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script>
    </head>
    <body>
        <select id="select1">
            <option value="motorcycle">Motor cycle preference</option>
            <option value="roadster">roadster</option>
            <option value="routière">routière</option>
            <option value="sportive">sportive</option>
            <option value="scooter">scooter</option>
            <option value="trail">trail</option>
        </select>
        <script>
            $("#select1").change(function(){
                console.log($("#select1 option:selected").prop("value"))
            })
        </script>
    </body>
</html>

et celui la c le même sauf que c avec du javascript pure

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <select id="select1">
            <option value="motorcycle">Motor cycle preference</option>
            <option value="roadster">roadster</option>
            <option value="routière">routière</option>
            <option value="sportive">sportive</option>
            <option value="scooter">scooter</option>
            <option value="trail">trail</option>
        </select>
        <script>
            var select1 = document.getElementById("select1")
            select1.addEventListener("change" , function(){
                var optionSelected = select1.options[select1.selectedIndex]
                console.log(optionSelected.value)
            })  
        </script>
    </body>
</html>

jquery et select

Recupérer la valeur chaque option dans un select

Supprimer

Modérer

Signaler le message aux modérateurs