Alterando o item selecionado de uma lista em JavaScript

Na lição anterior, aprendemos a obter o item selecionado de uma lista. Agora vamos alterar o item selecionado usando JavaScript.

Para isso, gravamos na propriedade value do select o valor do atributo value daquele option que queremos selecionar.

Suponha que temos o seguinte select:

<select id="select">
	<option value="one">um</option>
	<option value="two" selected>dois</option>
	<option value="three">três</option>
</select>

Suponha também que haja um botão:

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

Vamos obter referências para o select e o botão em variáveis:

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

E agora vamos fazer com que ao clicar no botão nosso select mude a seleção:

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

Se nossa lista não tiver os atributos value, então na propriedade value do select é preciso gravar o texto da tag option que desejamos selecionar.

Crie uma lista suspensa com os nomes dos meses. Faça com que o JavaScript por padrão selecione neste lista o mês atual.