Как вывести разные значения value при смене option?

Question

[Роман]

Есть такой html:

<div class="tovar1">
   <select class="select">
       <option value="1">lorem</option>
       <option value="2">lorem</option>
   </select>
</div>

<div class="tovar2">
    <select class="select">
       <option value="3">lorem</option>
       <option value="4">lorem</option>
    </select>
</div>

Надо чтобы при изменении наших option(выпадной список) выводить значение атрибута value в консоль.

Answer 1

[Павел Новиков]

$('.select').on('change', function() {
console.log($(this).val());
})

Answer 2

[askhat]

You might not need jQuery

document.querySelector('.tovar1 select').onchange = e => console.log(e.target.value)