Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

select

Boa noite, como pegar o valor de uma option?, e que quando algo for selecionado mostre um alert

CÓDIGO SIMPLES PARA TESTE

<select>
    <option>1</option>
    <option>2</option>
    <option>3</option>

  </select>
3 respostas

Leveditor, bom tarde!

você pega tem que adicionar o atributo name no elemento select

<select name="opcoes">

</select>

Logo após você adiciona as opções com os valores que você deseja

<select name="opcoes">
    <option value`opcao1`>1</option>
    <option value`opcao2`>2</option>
    <option value`opcao3`>3</option>
</select>

A partir daí você tem que ler esses valores com javascript;

let selectElemento = document.querySelector('select');

selectElemento.addEventListener('change', function() {
    alert(this.value);
});

Espero ter ajudado e bons estudos!

Só não entendi para que serve esse this

solução!

Leveditor, bom dia!

O this referência o objeto ou elemento do contexto atual, nesse caso como ele está dentro de uma função do objeto selectElemento esse é o this dele. Tanto que:

let selectElemento = document.querySelector('select');

selectElemento.addEventListener('change', function() {
    alert(selectElemento.value);
});

Faz literalmente a mesma coisa, pois referenciam o mesmo objeto

Espero ter ajudado e bons estudos!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software