Где я допустил ошибку при переборе выпадающего списка?

Question

Ожидается что при нажатии на выбранный option будет value данного option выводится в console.log

Вот что я написал, но оно не срабатывает:

let select = document.querySelector('.select')
for(let option of select){
    option.onclick = t2 = () => {
        console.log(option.value)
    }
}

.select{
    margin: auto;
    padding: 8px 70px;
    border: rgb(20, 102, 134) solid 1px;
    background: rgb(22, 155, 207);
    font-size: 1.3em;
    
}

<select class="select">   
           <option >Kryvyi Rih</option>  
           <option >Kyiv</option>   
           <option >Zaporozhe</option>  
           <option >Kropyvnytskyi</option>  
           <option >Odessa</option> 
        </select>

Спасибо, большое...!

Answer 1

const select = document.querySelector('.select');

select.onchange = function(e) {
  console.log(e.target.value);
}

.select {
  margin: auto;
  padding: 8px 70px;
  border: rgb(20, 102, 134) solid 1px;
  background: rgb(22, 155, 207);
  font-size: 1.3em;
}

<select class="select">
  <option>Kryvyi Rih</option>
  <option>Kyiv</option>
  <option>Zaporozhe</option>
  <option>Kropyvnytskyi</option>
  <option>Odessa</option>
</select>

БЛОГ НА HUSL

Где я допустил ошибку при переборе выпадающего списка?

Ответы (1 шт):