Jquery: Evento Change()

O evento change() ocorre quando um campo perde o foco para outro campo. Este evento é muito utilizado em campos de formulário do tipo select, as famosas caixinhas de seleção. O evento é disparado quando você seleciona uma das opções dessa caixinha.

Baixe a biblioteca aqui.

Veja exemplo abaixo:

<html>
<head>
<title>JQuery - change</title>
<!-- chamada da biblioteca jquery -->
<script type="text/javascript" src="js/jquery.js"></script>
 
<script>
$(document).ready(function() {
$('select').change(function() {
   var varURL = $("option:selected", this).val();
   $("#exibeValor").html('O valor selecionado é: ' + varURL);
   });
});
</script>
</head>
<body>
<h2>JQuery - Change</h2>
<form name="frmChange">
   <select style="width:160px">
     <option value="Valor 1">Valor 1</option>
     <option value="Valor 2">Valor 2</option>
     <option value="Valor 3">Valor 3</option>
   </select>
</form>
<br />
<div id="exibeValor"></div>
</body>
</html>

4 comentários em “Jquery: Evento Change()

  • 23 de julho de 2010 em 12:52
    Permalink

    Legal isso foi muito bom, esta tentando enteder isso.

    Resposta
  • 5 de abril de 2012 em 11:42
    Permalink

    Parabéns pelo codigo. como sugestao poderia ser
    no lugar de
    var varURL = $(“option:selected”, this).val();
    pode ser substituido por apenas:
    var varURL = $(this).val();
    flw!!!

    Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *