отследить событие option
Почему не срабатывает событие, как сделать?
<select> <option class="option-size" value="1">op1</option> <option class="option-size" value="2">op2</option> <option class="option-size" value="3">op3</option> <option class="option-size" value="4">op4</option> </select>
var select = document.querySelectorAll('.option-size');
select.forEach(function(item, i) {
select[i].addEventListener('change', function(e) {
console.log(e.target.value);
})
})
|
Цитата:
|
Почему?
|
DivMan, вешайте обработчик на "select", не на "option".
|
DivMan,
потому что в option ничего не меняется |
Так тоже, почему-то не работает
<select class="optionValue"> <option class="option-size" value="1">op1</option> <option class="option-size" value="2">op2</option> <option class="option-size" value="3">op3</option> <option class="option-size" value="4">op4</option> </select>
var option = document.querySelector('.optionValue');
option.onchange=console.log(this.value);
|
var option = document.querySelector('.optionValue');
option.onchange=function(){console.log(this.value);};
|
Спасибо
|
| Часовой пояс GMT +3, время: 20:25. |