JQuery

JQuery: Utilizando o evento change() para abrir sites

Aprenda, neste post, como abrir sites selecionando-os numa caixinha de seleção.

<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();
      window.open(varURL,'_blank');
   });
});
</script>
</head>
 
<body>
<h2>JQuery - Abrindo Sites</h2>
<form name="frm1">
<select style="width:160px">
   <option value="http://www.linhadecomando.com">Selecione um site</option>
   <option value="http://www.uol.com.br">UOL</option>
   <option value="http://www.terra.com.br">TERRA</option>
</select>
</form>
</body>
</html>

Deixe um comentário

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