Articulos PHP

Articulos Jquery

Articulos CSS

Articulos Mysql

2.7 Seleccionando un elemento de una lista desplegable con change()

El m茅todo change() de Jquery nos permite detectar cuando se ha seleccionado una opci贸n de una lista desplegable. Por ejemplo todos hemos visto al momento de rellenar un formulario de registro, seleccionamos nuestro pa铆s de una lista e inmediatamente despu茅s se cargan los estados o provincias correspondientes, bueno es ese caso, se ha detectado la selecci贸n de un pa铆s gracias al evento change().Para ilustrar un poco mejor el funcionamiento del evento change(), supongamos que tenemos una lista desplegable y que deseamos que al seleccionar un pa铆s nos aparezca una ventana emergente con el mensaje “Has seleccionado un pa铆s”, tendr铆amos el siguiente c贸digo HTML:

<select 聽size=”1” class=”pais”>
<option value=”Mexico”>Mexico</option>
<option value=”Argentina”>Argentina</option>
<option value=”Bolivia”>Bolivia</option>
</select>

y el c贸digo Jquery necesario para realizer ese efecto ser铆a como sigue:

$(document).ready(function(){
聽聽聽聽聽聽 $(“.pais”).change(function(){
聽聽聽聽聽聽聽聽聽聽聽聽聽聽聽 alert(“Has seleccionado un pa铆s”);
聽聽聽聽聽聽 });
});

El c贸digo consiste de los siguientes elementos:

  • La primera partes $(document).ready(function(){}); sirve para indicar que el c贸digo javascript se ejecutar谩 hasta que se haya cargado por completo el c贸digo HTML.
  • La segunda parte $(“.pais”).change(function(){}); sirve para seleccionar la lista desplegable e indicar lo que suceder谩 una vez que se seleccione un elemento de la lista.
  • La 煤ltima parte alert(“Has seleccionado un pa铆s”); muestra una ventana emergente con el mensaje.

 





Copyright © 2013 LaWebDeRay
correo:lawebderay@gmail.com

Free Web Hosting