Как в выпадающем списке html (одиночный выбор) на выбранное значение повесить selected?

Question

[Александра Нев]

Есть выпадающий список такого типа

<span class="custom-dropdown custom-dropdown--blue custom-dropdown--large">
  <select id="mytype">
    <option value="auto">Auto </option>
    <option value="aero">Aeroplane</option>
    <option value="film">Film</option>
    <option value="candy">Candy</option>
  </select>
</span>

Как на выбранный вариант динамически подвешивать selected ?

Comments

[Lord_Dantes]

Вроде как по стандарту выбраному присваивается.
Или JS-ом можно вешать.

[Александра Нев]

slave bb, Не присваивается. Я попробовала такой js, но не работает

var select = document.getElementById('mytype');
        select.addEventListener('change', function() {
        
          select.options[select.selectedIndex].setAttribute('selected');
        });

[Lord_Dantes]

Александра Нев, jquey юзаете?

[Александра Нев]

да

Answer 1

[Alex Karo]

Можно просто менять value у селекта
https://jsfiddle.net/4905zjb3/2/

Comments

[Александра Нев]

Мне надо, чтобы без кнопки работало, просто при выборе нового поля из списка.

[Alex Karo]

А в чем проблема?
Оно и так работает
https://jsfiddle.net/9p4df87b/2/