0

Я попробовал многие способы, но все они возвращают индекс выбранного элемента, а не значение:

var as = document.form1.ddlViewBy.value;
var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

// Это одна из простейших форм, написанная Narendra Kottamidde:

var value = document.getElementById("ddlViewBy").value;

Перевод вопроса «Get selected value in dropdown list using JavaScript?» @Danferd Lan.

1

2 ответа 2

1

Если у вас есть выбранный элемент, который выглядит следующим образом:

<select id="ddlViewBy">
    <option value="1">test1</option>
    <option value="2" selected="selected">test2</option>
    <option value="3">test3</option>
</select>

То выполнив следующий код:

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].value;

Переменной strUser будет присвоено значение 2. Если, на самом деле, вы хотите получить test2 в strUser, вам надо выполнить следующее:

var e = document.getElementById("ddlViewBy");
var strUser = e.options[e.selectedIndex].text;

И тогда переменной strUser будет присвоено значение test2.

Перевод ответа «Get selected value in dropdown list using JavaScript?» @Paolo Bergantino.

1
<div class="col s6 centered" id="CountrySelect"><select class="browser-default" id="countrySelect" name="Id">
        <option disabled="disabled">Select language</option>
        <option value="be">1. be - Belarusian(Беларуская)</option>
        <option value="de">2. de - German(Deutsch)</option>
        <option value="en">3. en - English(English)</option>
        <option value="fr">4. fr - French(français)</option>
        <option value="it">5. it - Italian(italiano)</option>
        <option value="pl">6. pl - Polish(polski)</option>
        <option value="ru-RU">7. ru-RU - Russian (Russia)(русский (Россия))</option>
    </select>
</div>

document.addEventListener('DOMContentLoaded', () => {
    const EL = document.getElementById("CountrySelect");
    if (!!EL) {
        EL.addEventListener("change", e => {
            const lang = e.target.value;
            console.log(lang);
        });
    }
});

У меня есть выпадающий список name="Id", есть опции, например, value="pl". Я вешаю событие в момент когда DOM загружен (подробнее в DOMContentLoaded). Событие вешаю на элемент с DIV, в котором список, событие change. e.target — это элемент, на который вы изменили, а e.target.value - это собственно значение pl. И я вывожу его в консоль, могу делать что угодно console.log(lang);.

5
  • Не могли бы вы пояснить код в ответе, пожалуйста? 13 ноя 2018 в 9:18
  • ? у меня есть выпадающий список name="Id", есть опции например value="pl". Я вешаю событие в момент когда DOM загружен (подробнее в 'DOMContentLoaded'), Событие вешаю на элемент с DIV в котором список, событие "change". e.target это элемент на который вы изменили, а e.target.value - это собственно значение "pl". И я вывожу его в консоль, могу делать что угодно console.log(lang); 14 ноя 2018 в 16:01
  • Подскажите, это вопрос или ответ? 14 ноя 2018 в 16:02
  • ответ, уточните что именно Вы не понимаете в коде? 14 ноя 2018 в 16:08
  • Спасибо за пояснения. Это скорее вопрос к тому, что когда наши коллеги попадут на вопрос из поиска, было бы здорово если бы в вашем ответе были пояснения, прочитав которые можно было усвоить информацию лучше. 14 ноя 2018 в 16:16

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.