Получение значения из выпадающего списка. Я пытаюсь получить значение раскрывающегося списка, используя Javascript. Он продолжает возвращать значение первого варианта

Question

Я пытаюсь получить выбранное значение раскрывающегося списка. Но он продолжает возвращать значение первого параметра, хотя я могу выбирать разные значения. Есть ли какая-либо ошибка в коде, который делает эту ошибку?

                <select id="category" name="category">
                    <option disabled selected value> -- select an option -- </option>
                    <option value=1>Rock</option>
                    <option value=2>Classical</option>
                    <option value="Country">Country</option>
                    <option value="Folk">Folk</option>
                    <option value="EDM">EDM</option>
                    <option value="Heavy Metal">Heavy Metal</option>
                    <option value="Hip-hop">Hip-hop</option>
                    <option value="Jazz">Jazz</option>
                    <option value="Pop">Pop</option>
                    <option value="Popular">Popular</option>
                    <option value="Rap">Rap</option>
                    <option value="Soul">Soul</option>
                </select>

        function Ulog() {
            var select_id = document.getElementById("category");

            select_id.options[select_id.selectedIndex].value;
}


            

Answer 1

Это потому, что вы не слушаете событие изменения

попробуйте это

const select_id = document.getElementById("category");
select_id.addEventListener('change', evt => {
    console.log(select_id.selectedOptions[0].value);
});

Надеюсь, это поможет