Obtener el valor de un select (option) con jQuery

    

Vamos a ver cómo obtener el valor de un select con jQuery. Este campo desplegable es muy usado y muchas veces se requiere saber su valor antes de validarse el formulario al que pertenece.

En el post de jQuery change() ya hice un sencillo ejemplo para obtener el valor usando solamente jQuery.

Ejemplo para obtener el valor de un select con jQuery change

En este ejemplo de jQuery change() podéis ver la obtención de valor.

En este ejemplo he puesto 3 formularios con campos select y un input text, la diferencia entre los 3 radica en cómo voy a realizar la comprobación y asignación del cambio de valor de cada formulario:

  1. Comprobación/asignación de valor por atributo name. En el primer formulario detecto el cambio de valor de un campo select con nombre ‘color1′, saco su valor con un alert y los asigno a un input text con jQuery val().
  2. Comprobación/asignación de valor por atributo id. En segundo formulario detecto que el elemento con id ‘ejemplo2′ cambia de valor, a continuación saco su valor con un alert y lo asigno a un input text con jQuery val().
  3. Comprobación/asignación de valor por atributo class. En tercer formulario detecto como el elemento con class ‘ejemplo3′ ha cambiado de valor, saco su valor con un alert y lo asigno al input text con jQuery val().

Como habéis podido ver los 3 formularios son bien sencillos, os pongo su código HTML:

Otra opción es usar el método jQuery click(), pero resultaría incómodo para el usuario y casi imposible validar el formulario, ya que el primer click en el select siempre sería para desplegar los diferentes valores del select.

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.