отследить событие option

[DivMan]

Почему не срабатывает событие, как сделать?

<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]

Почему?

[Nexus]

DivMan, вешайте обработчик на "select", не на "option".

[рони]

DivMan,
потому что в option ничего не меняется 'change' изменяется состояние самого селекта. даже клик на option не все браузеры поддерживают

[DivMan]

Так тоже, почему-то не работает

<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);

[Nexus]

var option = document.querySelector('.optionValue');
    option.onchange=function(){console.log(this.value);};

[DivMan]

Спасибо