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

jQuery datepicker, php, mysql y las fechas en form... Veamos un caso particular a la hora de programar con jquery ui. El componente DatePicker nos proporciona una manera muy visual y eficiente de insertar...
jQuery Plugin MiniJS Notification – Muestra ... Os facilito un enlace a un magnífico plugin que os facilitará la tarea de poner mensajes en vuestra web o aplicación. Un ejemplo claro, sería la oblig...
jQuery – Traducir hora española a inglesa Es muy común tener en un textbox de un formulario una fecha en español DD/MM/YYY, y queramos convertirla al formato inglés YYYY/MM/DD para poder traba...
jQuery UI – Tutorial 3 – Widget Date P... Breve tutorial que se muestra cómo utilizar el widget Date Picker de la librería jQuery UI. Un widget que facilita al usuario insertar una fecha en un...

Deja un comentario

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

*