Obtenga el valor de Select OnChange en jQuery

La publicación de hoy enseñará cómo obtener los valores modificados de select en jQuery.

OnChange en jQuery

jQuery proporciona un método de cambio que vincula un controlador de eventos al evento de cambio de JavaScript o activa ese evento en un elemento.

Sintaxis:

.change(handler)

Un controlador es una función que debe ejecutarse cuando se activa el evento cambiar. El evento de cambio se envía a un elemento tan pronto como cambia el valor de un elemento.

Este evento está limitado a elementos de entrada, campos de cuadro de texto y elementos de selección.

Para las casillas de verificación y los botones de radio, el evento se activa inmediatamente cuando el usuario realiza una selección con el mouse, pero para otros tipos de elementos, el evento se retrasa hasta que el elemento pierde el foco. Puedes encontrar más información sobre el onchange en esta documentación.

Entendámoslo con el siguiente ejemplo.

<select>
  <option value="mumbai">Mumbai</option>
  <option value="goa">Goa</option>
</select>

$('select').on('change', function() {
  console.log(this.value);
});

En el ejemplo anterior, hemos definido las 2 opciones de seleccionar. El controlador de eventos se puede vincular al cuadro seleccionar.

Cuando el usuario selecciona una opción, jQuery detectará ese cambio y se activará la función cambiar.

Después de que se activa un evento, devolverá el valor seleccionado. Intente ejecutar el fragmento de código anterior en cualquier navegador que admita jQuery y mostrará el siguiente resultado.

Producción :

"goa"
"mumbai"

Manifestación