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

Asignar acción en jquery a múltiples enlaces En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: ...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...
jQuery UI – Tutorial 2 – Puesta en mar... Tutorial que muestra cómo poner en marcha la librería jQuery UI. Qué debo descargar, los termas predeterminados de jQuery UI, colocar la librería en n...
jQuery – Ejecutar función cuando cambie cont... ¿Cómo ejecutar una función cuando cambia el contenido en un textbox en un formulario web? Hay diferentes formas de hacerlo. Veamos qué formas: ...

Deja un comentario

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

*