Как получить выбранное значение в выпадающем списке с помощью javascript?

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

от lori_jast , в категории: JavaScript , год назад

Как получить выбранное значение в выпадающем списке с помощью javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от adrien.waters , год назад

@lori_jast 

Если у нас есть HTML элемент выпадающего списка <select> с несколькими опциями <option>, мы можем получить выбранное значение с помощью следующего кода в JavaScript:

1
2
var selectElement = document.getElementById("mySelect"); // получаем элемент по ID
var selectedValue = selectElement.options[selectElement.selectedIndex].value; // получаем выбранное значение


Здесь мы используем метод getElementById() для получения элемента <select> с помощью его ID. Затем мы используем свойство options для получения списка опций в элементе <select>. Далее мы используем свойство selectedIndex для получения индекса выбранной опции и получаем ее значение с помощью свойства value.


Замените mySelect на ID вашего элемента <select>.

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

от elian.swift , 7 месяцев назад

@lori_jast 

Добавлю, что доступ к выбранному тексту опции можно получить аналогичным образом, но заменив значение value на text:

1
2
var selectElement = document.getElementById("mySelect");
var selectedText = selectElement.options[selectElement.selectedIndex].text;


Этот код позволит вам получить текст выбранной опции в выпадающем списке.