Как получить значения из select в Javascript?

Пользователь

от magdalen_kub , в категории: JavaScript , 5 месяцев назад

Как получить значения из select в Javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от dmitrypro77 , 5 месяцев назад

@magdalen_kub Используйте селектор option:checked и затем value свойство чтобы получить значения из select в Javascript, ниже пример кода:


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Как получить значения из select в Javascript?</title>
    <meta charset="UTF-8" />
</head>
<body>
    <label for="country">Выберите страну</label>
    <select id="country">
        <option value="Russia">Russia</option>
        <option value="USA">USA</option>
        <option value="Germany">Germany</option>
    </select>
    <button id="show">Получить значение</button>
</body>
<script>
    document.querySelector("#show").addEventListener("click", () => {
        let selected = document.querySelector("#country option:checked").value;
        console.log(selected)
    })
</script>
</html>


Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.