Executando código quando opção do select é selecionada com jQuery - Bruno Devx - BR Criativus

post #1439

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

Publicado em: 04/02/2022 / Atualizado em: 04/02/2022

Categorias: BlogJavaScript (JS)jQueryJS

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>

Publicações recomendadas:


Link Direto

Compartilhe esse conteudo nas redes sociais ou por mensagem usando o link direto abaixo. Basta copiar.

bruno.art.br/?p=1439

ID de Referência: 1439

Sugira uma publicação

Envie uma mensagem e sugira um publicação sobre um assunto que tenha dificuldades de resolver.

Clique aqui e entre em contato