post

Executando código quando opção do select é selecionada com jQuery

Publicado em: 04/02/2022

Categorias: BlogJavaScriptjQueryJS

Abaixo segue exemplo de código base para usar caso precise executar algum tipo de código levando em consideração a opção selecionada:

<select class="meu_seletor" name="meu_seletor">
  <option value="opcao_1">Opção 1</option>
  <option value="opcao_2">Opção 2</option>
</select>

<script>
  $(".meu_seletor").change(function(e) {
    e.preventDefault();
    console.log("Aqui mostro a opção selecionada => " + $(this).val()); // Mostrando no console do navegador
    if ($(this).val() === "opcao_1") {
      console.log("Aqui executo algum código se a opção 1 for selecionada"); // Mostrando no console do navegador
    } else {
      console.log("Aqui executo algum código se a opção 2 for selecionada"); // Mostrando no console do navegador
    }
  });
</script>


Link de compartilhamento

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link curto abaixo. Basta clicar em cima do link para copiar.

bruno.art.br/pb/1439

ID de Referência: 1439

Sugira uma publicação

Envie uma mensagem para mim, e sugira alguma publicação de algum tema que tenha dificuldades de resolver.

Clique aqui e entre em contato


Comentários