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> |
Legal isso foi muito bom, esta tentando enteder isso.
valeu!!!!!!!!
Parabéns pelo exemplo artigo simples e objetivo, foi de grande ajuda.
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!!!