@AndrewIvan
Начинающий программист

Как получить data-атрибут выбранного option'а на чистом js?

Нужно получить data atr. выбранного option, позже их сложить с другим option.
<select name="" id="room">
    <option value="0" selected>кол-во сан узлов</option>
    <option value="1 санузел">1-санузел</option>
    <option value="2 санузла" data-calc-value="300">2 санузла</option>
    <option value="3 санузла" data-calc-value="600">3 санузла</option>
    <option value="4 санузлов" data-calc-value="900">4 санузлов</option>
</select>
  • Вопрос задан
  • 1301 просмотр
Решения вопроса 2
Stalker_RED
@Stalker_RED
const selectedOption = elem.options[elem.selectedIndex];
const calcValue = selectedOption.dataset.calcValue;
Ответ написан
AleksandrB
@AleksandrB
Совсем недавно вывел "Hello world"
document.getElementById('room').addEventListener('change', function (e) {
    console.log(this.querySelector('option[value="'+this.value+'"]').dataset.calcValue)
})
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
27 нояб. 2024, в 18:19
2000 руб./за проект
27 нояб. 2024, в 17:41
2000 руб./за проект
27 нояб. 2024, в 17:26
1 руб./за проект