# Изменение выбранного пункта списка на JavaScript

В предыдущем уроке мы с вами научились получать выбранный пункт списка. Давайте теперь будем изменять выбранный пункт с помощью JavaScript.

Для этого в свойство `value` селекта запишем значение атрибута `value` того `option`, который мы хотим выбрать.

Пусть у нас есть следующий селект:

`<select id="select"> <option value="one">один</option> <option value="two" selected>два</option> <option value="three">три</option> </select>`

Пусть также есть кнопка:

`<input type="submit" id="button">`

Получим ссылки на селект и кнопку в переменные:

`let select = document.querySelector('#select'); let button = document.querySelector('#button');`

А теперь давайте сделаем так, что бы при нажатии на кнопку наш селект сменил выбор:

`button.addEventListener('click', function() { select.value = 'one'; });`

Если у нашего списка нет атрибутов `value`, то в свойство `value` селекта нужно записывать текст тега `option`, который мы хотим выбрать.

Сделайте выпадающий список с названиями месяцев. Сделайте так, чтобы JavaScript по умолчанию выбирал в этом списке текущий месяц.

← →
↑
en ru