Как в select выставить первое значение по событию?

Question

[Black_Fire]

На jquery надо по клику на кнопку сделать, чтобы в списке становился первый элемент
https://jsfiddle.net/Michael_91/6eg2rzx8/6/

Answer 1

[0xD34F]

$('button').click(() => $('select').prop('selectedIndex', 0));

или, к чёрту jquery:

document.querySelector('button').addEventListener('click', () => {
  document.querySelectorAll('select').forEach(n => {
    // Какие тут есть варианты:

    // 1. Установить индекс выбранного option'а
    n.selectedIndex = 0;

    // 2. Установить select'у значение option'а, который должен быть выбран
    //    (чтобы заработало, надо будет добавить value="" option'ам)
    n.value = '';

    // 3. Назначить true свойству selected того option'а, на который надо переключиться
    n[0].selected = true;
    // или
    // n.options[0].selected = true;
    // n.children[0].selected = true;
    // n.firstElementChild.selected = true;
    // n.querySelector('option').selected = true;
  });
});