Como mudar o valor de select com JavaScript

Neste artigo você vai aprender a como mudar o valor de select com JavaScript, utilizando uma abordagem muito simples!

Fala programador(a), beleza? Bora aprender mais sobre DOM e JavaScript!

Para alterar qual option está selecionada com JS é bem simples

Vamos precisar selecionar o elemento, ou seja, selecionar o select

E depois mudar o valor da propriedade value com o valor da opção desejada

Veja um exemplo prático do que foi explicado:

const selectElement = document.querySelector("#my-select");

selectElement.value = "value";

Na primeira linha estamos selecionando o select com querySelector, neste caso ele tem um id de my-select

E na última mudamos o valor do select, selecionando a option pelo value

Assim agora temos a opção alterada no nosso elemento HTML

Conclusão

Neste artigo você aprendeu a como mudar o valor de select com JavaScript

Selecionamos o elemento desejado, e depois alteramos a opção pelo value da option

Isso faz com que o select mude option, trazendo a que escolhemos

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias!

Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias

O link acima contém um cupom de desconto para os cursos!