Número da opção selecionada em uma lista suspensa

Nos elementos select existe uma propriedade especial selectedIndex, que armazena o número da opção da lista que está atualmente selecionada. A numeração começa em zero. Esta propriedade pode ser tanto lida quanto escrita, alterando a opção selecionada na lista.

Vamos ver o funcionamento desta propriedade com um exemplo. Suponha que temos a seguinte lista suspensa:

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

Vamos exibir o número da opção selecionada na lista:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // exibirá 1

Agora vamos selecionar alguma outra opção:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // selecionará 'três'