Не работает делегирование, когда я хочу чтобы обработчик обрабатывал все события внутри <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>