Você pode pegar o option selecionado da mesma maneira que pega o valor de um input com JAVASCRIPT.
No Javascript você pega o select usando o DOM e joga em uma variável, e depois é só jogar o seletor.value dentro de uma variável, ela vai guardar o valor do seu seletor:
const seletor = document.getElementsByClassName('formacao')[0]
const valorSelecionado = seletor.value
E pronto.
Você pode testar colocando um botão no html pra quando ser clicado ele mostrar a variável valorSelecionado no console.
HTML: <button onclick="checaValor()"></button>
JavaScript:
const seletor = document.getElementsByClassName('formacao')[0]
function checaValor(){
const valorSelecionado = seletor.value
console.log(valorSelecionado)
}
Dicas:
- Se você só estiver usando um seletor, use ID ao invés de class, class normalmente são usadas para referenciar vários elementos, quando queremos referenciar apenas um elemento usamos ID.
- O valor padrão do select não é undefined! O valor padrão do select vai ser o valor do primeiro option.