No vídeo mostra como pegar o valor dos input type text, mas e com combobox pega como?
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Solucionado
No vídeo mostra como pegar o valor dos input type text, mas e com combobox pega como?
Fala Silvana, tudo bom?
Bom para pegar o valor dos inputs do tipo combobox ou select, basta selecionarmos o elemento com o querySelector e dar alvo no value do combobox diretamente, como nesse exemplo:
// Caso queira pegar o valor, toda vez que houver uma alteração no select, devemos usar um eventListener que escuta o evento `change`
var valorCombo = document.querySelector('[name="meucombo"]').addEventListener('change', function(event) {
console.log(event.target.value) // Pegando o valor direto do evento atual
})
// Pegando o valor diretamente do elemento
document.querySelector('[name="meucombo"]').valueCaso queira testar na hora esse código, segue um codepen que eu fiz para facilitar :)
Mario, mas funcionaria essa função mesmo se fosse usado em um botão para salvar? O contexto que tô tentando testar, é: o usuário vai digitar os campos, vai clicar no botão salvar e vai listar esses valores em uma tabela. Nesse contexto, usa da mesma forma do seu exemplo?
Silvana, o que você pode fazer nesse caso é selecionar o formulário que tem os campos que você quer pegar e criar um evento que espera ele receber o comando de submit.
document.querySelector('form').addEventListener('submit',
function() {
// aqui você pode pegar os valores dos campos normalmente, como no exemplo anterior, pois esse evento só executa quando o formulário está prestes a enviar as informações
})Me conta se der certo no seu caso /o
Deu certo sim! Obrigada