Código Café     



04/06/2022 08:32:51

Como Colocar uma Mensagem ao Selecionar um Select com jQuery

Mais código expresso para facilitar a sua vida.

Como Colocar uma Mensagem ao Selecionar um Select com jQuery

Lógica

Precisando colocar uma mensagem ao selecionar uma opção de um select do html? A solução é bem simples e para isso utilizaremos o evento change do jquery. O evento change é enviado para um elemento quando seu valor muda. Este evento é limitado a elementos , caixas e elementos . Para caixas de seleção, caixas de seleção e botões de opção, o evento é acionado imediatamente quando o usuário faz uma seleção com o mouse, mas para os outros tipos de elemento o evento é adiado até que o elemento perca o foco.

Código Expresso

                
<select name="campo" id="campo" class="form-control">
      <option value="0" selected>Opção 1</option>
      <option value="1">Opção 2 - Com Alerta</option>
</select>   

<script>
$(function(){
  $('#campo').on('change', function () {
      var fl = $(this).val();
      if (fl == '1') { 
          alert('IMPORTANTE:

- Aqui está a sua mensagem de alerta.');
      }
      return false;
  });
});
</script>    

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>                                        
                
1

jQuery Pocket Reference: Read Less, Learn More (English Edition)

"As someone who uses jQuery on a regular basis, it was surprising to discover how much of the library I’m not using. This book is indispensable for anyone who is serious about using jQuery for non-trivial applications."-- Raffaele Cecco, longtime developer of video games, including Cybernoid, Exolon, and Stormlord jQuery is the "write less, do more" JavaScript library. Its powerful features and ease of use have made it the most popular client-side JavaScript framework for the Web. Ideal for JavaScript developers at all skill levels, this book is jQuery's trusty companion: the definitive "read less, learn more" guide to the library. jQuery Pocket Reference explains everything you need to know about jQuery, completely and comprehensively. You'll learn how to: Select and manipulate document elements Alter document structure Handle and trigger events Create visual effects and animations Script HTTP with Ajax utilities Use jQuery's selectors and selection methods, utilities, plugins and more The 25-page quick reference summarizes the library, listing all jQuery methods and functions, with signatures and descriptions.

Saiba mais

jQuery Pocket Reference: Read Less, Learn More (English Edition)
2

Introdução ao jQuery

Este livro apresenta os conceitos fundamentais para aqueles interessados na programação de scripts para páginas web. O foco apresentado consiste em explorar e investigar os principais métodos e recursos disponibilizados na API (application program interface) do jQuery, reconhecida hoje como a principal biblioteca para desenvolvimento de interfaces e scripts. A didática elaborada para este conteúdo segue a lógica do aprendizado por exemplo. Apresenta-se uma breve explicação do conceito, seguido de código fonte verificando assim rapidamente os resultados.

Saiba mais


Posts relacionados


Posts mais recentes


Mais Pesquisadas


Mais lidas


Categorias



Confira também algumas das melhores reviews do nosso parceiro mReviews:
mReviews LogoREVIEWS