Как с помощью JS изменить значение SELECT списка на значение с атрибутом selected?

Question

[bad_shape_guy]

Добрый день, никак не могу найти решение, имеется список

<select>
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

И нужно с помощью JS изменить на значение со свойством selected
Уже всякие варианты пробовал, но никак не получается именно на вариант с атрибутом selected

Comments

[Алексей Уколов]

Изменить на значение со свойством selected

Расскажите подробнее, из вопроса непонятно что реально вам нужно.

[bad_shape_guy]

По умолчанию в списке выбор сделан на пункте 1, т.е. там где атрибут selected
пользователь может менять значения на форме, и в один момент нужно js скриптом, вернуть обратно на всех таких select-ах в пункты с атрибутом selected, т.е. как бы сбросить на значение по умолчанию

[alexalexes]

Манипулируйте свойством value у select, тогда атрибут selected выставится сам.

Answer 1

[Алексей Уколов]

<select>
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<button>Reset</button>

const $select = document.querySelector('select');

document.querySelector('button').addEventListener('click', () => {
  $select.value = $select.querySelector('option[selected]').value;
});

Answer 2

[Владимир Коротенко]

<select id='personlist'>
      <option value="1" selected="selected">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>
    <script>
    document.getElementById('personlist').value='2';
    </script>