Siguiendo el aprendizaje de JQuery en este artículo veremos como desencadenar una acción haciendo uso del evento change, que nos permitirá establecer en que momento se han realizado cambios en un componente, cabe resaltar que este evento está disponible para los componentes de entrada de texto como lo son: input, textArea y select, con la leve diferencia que en este último se desencadena el evento al seleccionar un nuevo ítem, mientras que en el primero y segundo cuando se realiza un cambio y se pierde el foco, veamos:
Al igual que muchos de los comandos de JQuery accedemos a este evento teniendo en cuenta la sintaxis:
$(selector).change()
🌟 ¡Visita Nuestra Tienda para Programadores! 🌟Descubre Códigos Fuente, Cursos, Software, Computadoras, Accesorios y Regalos Exclusivos. ¡Todo lo que necesitas para llevar tu programación al siguiente nivel!
Así mismo podemos asignar una función anónima que se ejecuta en el método de cambio:
$(selector).change(function)
Ejemplos practicos:
Nota: Como podemos ver cuando cambiamos el valor de la caja de texto se ejecuta el alert informandonos el nuevo cambio cuando la caja de texto pierde el foco, pero si no se realiza ningún cambio y pierde el foco este no se ejecuta.
A continuación un ejemplo con una lista desplegable o select:
Nota: Si nos damos cuenta nuestro mensaje se verá siempre y cuando se realice un cambio de ítem.
Muy bien amigos este es el uso del evento change en JQuery, seguiremos desarrollando y comprendiendo el uso de esta librería tan indispensable para el desarrollo Web.
Hasta pronto!.
Byspel