jQuery – Capturar valor de desplegable y escribir en una caja de texto

Estrenando nuestro perfil de CodePen.io, vamos a ver un ejemplo en jQuery que trabaja con desplegables (selects) y cajas de texto en formularios. En muchas ocasiones es necesario el tratamiento de campos de un formulario con jQuery.

Veamos cómo podemos capturar el valor de un select, tratarlo y después escribir en una caja de texto el resultado. El ejemplo concreto, hace seleccionar entre varios números en un desplegable, se coge el valor, lo pasamos a entero y luego miramos si es par o no dividéndolo entre 2 y viendo el resto de la división (si es 0 es par, y si no es 0 es impar).

See the Pen jQuery – Tratar valor escogido en select by Trescomatres (@trescomatres) on CodePen.

Bueno, empezamos el estreno de nuestro CodePen.io con un sencillo ejemplo que nos sirve para ver cómo funciona. Iremos complicando los ejemplos poco a poco e iremos viendo el funcionamiento de algunas librerías javascript que os pueden interesar. Os dejo un enlace a otro ejemplo que hemos puesto en CodePen para tratar la librería Pikaday que convierte un campo de texto de un formulario en uno en el que puedes escoger en un calendario una fecha.

Artículos relacionados

FancyBox – Llamarlo desde una función Muchos de vosotros conoceréis FancyBox, una alternativa para Ligtht Box. Nos permite abrir ventanas modales mostrando mensajes o imágenes. Las maneras...
jQuery – Tutorial 02 – Puesta en march... Segundo tutorial de 7 minutos que muestra cómo llamar a la librería desde nuestra página, sea con la librería descargada como llamada a librería aloja...
jQuery UI – Tutorial 1 – Introducción Breve tutorial que nos muestra que es la librería jQuery UI y un pequeño ejemplo de lo que puede hacer. jQuery User Interface nos facilitará la creaci...
jQuery – Validar formulario antes de enviarl... Os dejamos un videotutorial que detalla cómo validar un formulario antes de enviarlo, mostrando al usuario qué error está cometiendo y en que campo. V...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*