Как обработать выпадающий список с помощью javascript?

Question

[Dom Alfro]

Всем Доброго времени суток !
хотел бы попросить помощи в уточнение реализации,
я перерыл интернет но там какие то сухие примеры простого html а обработчика или примера реализации хотя бы приблизительного я найти к сожалению не смог.
так вот есть такой код:

<select name="" id="">
	<option><p class="coin" atr="stad">по дате</p></option>
	<option><p class="coin" atr="coal">с начало дешевле</p></option>
	<option><p class="coin" atr="my">с начало дороже</p></option>
</select>

тут я пробувал обрабатывать через js такой код что бы при выборке текущего атрибута ( с использованием цикла к нему обработчик ) и реализация
но если это просто параграф к примеру то он выбирает и условия работают - а вот внутри select option p он не видит клика - и я не знаю как реализовать выпадающий список.

мне нужно так - что бы я выбрал из списка что то из списка и переходил по определенной странице.
но я не много запутался и потерял нить.

и мне надо именно на js, на php я знаю как сделать - но я хочу на js
Если я не реально туплю - то если есть у кого то возможность подсказать реализацию я буду очень благодарен !

Comments

[Евгений]

Мне прямо интересно как ты это на php сделаешь

[Absolute138]

Зачем внутри option параграф??

[Dom Alfro]

ребят зачем с сорказмом то говорить,
на php ну форма просто отправиться на php
вот таким образом

<form action="select1.php" method="post">
   <p><select size="3" multiple name="hero[]">
    <option disabled>Выберите героя</option>
    <option value="Чебурашка">Чебурашка</option>
    <option selected value="Крокодил Гена">Крокодил Гена</option>
    <option value="Шапокляк">Шапокляк</option>
    <option value="Крыса Лариса">Крыса Лариса</option>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>

и пусть пусть файлик его обрабатывает в который он передастся .

а на счет параграфоф - разве нельзя в нутри option его использовать ?
Спасибо вам за участие !

Answer 1

[Павел Корнилов]

И где же вы, господа, такие примеры берете?

Comments

[Dom Alfro]

спасибо большое !!!
за ваш ответ - он очень мне поможет !

[Павел Корнилов]

Вячеслав Коростин, на здоровье!

Answer 2

[Rsa97]

У select'а своё событие - change. Срабатывает при изменении значения.

Comments

[Dom Alfro]

спасибо большое - просто про change я вообще забыл ...

Answer 3

[Александр N++]

PS События кликов для элементов Select в Safari не работают, ждите 10 лет - может добавят.

let el = document.getElementById('my_slect');
el.addEventListener('change', function(e){
   let value = e.target.value;
   if(value === 'option value'){
        location.href = '';  // ссылка для редеректа
   }
})