Как получить кликнутый option и из select по событию onchange?

Question

[Umid]

Доброе утро.

<p>Choose a tour: <select id="tourSelector">
				<option class="tour1 tour">Tour number 1</option>
				<option class="tour2 tour">Tour number 2</option>
				<option class="tour3 tour">Tour number 3</option>
				<option class="tour4 tour">Tour number 4</option>
				<option class="tour5 tour">Tour number 5</option>
			</select></p>

Есть такой вот html. Необходимо отследить кликнутый option.
Как я понял, на option поставить событие onclick нельзя.
А при событии onchange на select не удаётся найти кликнутый option.

Answer 1

[Сергей delphinpro]

https://jsfiddle.net/qfap8f4m/

Comments

[Umid]

Благодарю.

Answer 2

[gleendo]

document.body.querySelector(`#tourSelector`).addEventListener(`change`, event => {
  console.log(event.target);
}, false);

Comments

[Umid]

А на чистом js можно?

[Umid]

У меня target возвращает сам объект select

[Umid]

var tourSelector = document.getElementById('tourSelector');
	tourSelector.onchange = function(el) {
		console.log(el);
	}

[gleendo]

Umid: это на чистом JS