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:

html<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:

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

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

javascriptlet 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:

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