0

Не работает делегирование, когда я хочу чтобы обработчик обрабатывал все события внутри <select>. Вроде всё делал по учебнику и пробовал разные типы событий, но всё равно, всплывает только элемент <select>:

Логи браузера во вложении

const selects = document.getElementById('select_nav_option')
selects.addEventListener('change', function(e) {
  console.log(e.target)
})
<select id="select_nav_option" class="dark_theme">
  <option class="option_config">Генератор конфига</option>
  <optgroup label="Генератор ACL">
    <option class="option_acl">CSC</option>
    <option class="disableContent option_acl">ZBUT</option>
    <option class="disableContent option_acl">BO</option>
    <option class="disableContent option_acl">Mini-CSC</option>
  </optgroup>
  <option class="disableContent option_vpn">Генератор VPN</option>
</select>

1 ответ 1

1

Так и должно быть. change - это событие элемента select.

const selects = document.getElementById('select_nav_option')
selects.addEventListener('change', function(e) {
  console.log(e.target.value, e.target.options[e.target.selectedIndex])
})
<select id="select_nav_option" class="dark_theme">
  <option class="option_config">Генератор конфига</option>
  <optgroup label="Генератор ACL">
    <option class="option_acl">CSC</option>
    <option class="disableContent option_acl">ZBUT</option>
    <option class="disableContent option_acl">BO</option>
    <option class="disableContent option_acl">Mini-CSC</option>
  </optgroup>
  <option class="disableContent option_vpn">Генератор VPN</option>
</select>

9
  • Как тогда сделать делегирование для "select" ? Commented 12 окт. 2021 в 16:02
  • 2
    @KirillInkin Что такое "делегирование для select"?
    – user176262
    Commented 12 окт. 2021 в 16:03
  • 1
    @KirillInkin change - это событие элемента select
    – user176262
    Commented 12 окт. 2021 в 16:09
  • 1
    @KirillInkin Не хотите - не верьте. Я уже показал Вам, как получить выбраный option элемент. Если Вам нужно только значение, то еще проще - e.target.value.
    – user176262
    Commented 12 окт. 2021 в 16:20
  • 1
    @KirillInkin Пожалуйста. Знак "галочка" - слева от ответа.
    – user176262
    Commented 12 окт. 2021 в 16:26

Ваш ответ

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

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