Skip to main content

Valor de un input tipo Select con JQuery

 

Si estas trabajando con formularios en JQuery y debes obtener el valor del elemento que se tiene seleccionado en un campo tipo select, solo debes de poner a tu input un ID o una clase que pueda leer para que obtengas su valor:

<select id=”nombre_select”>
<option value=”1″> opcion 1</option>
<option value=”2″> opcion 2</option>
</select>

Con JQuery recuperarás su valor de la siguiente forma:

$(“#nombre_select :selected”).text();

Ahora si tienes un select multiple solamente debes de recorrer los elementos para conocer cuales tienen la selección:

$(‘#nombre_select:selected’).each(function(i, selected){
tu_array[i] = $(selected).text();
});

Pero si lo que necesitas es capturar el evento del elemento seleccionado debes hacerlo así:

$(document).ready(function() {
$(“#nombre_select”).change(function() {
alert($(this).val());
});
});

 $(#multiple :selected).each(function(i, selected){ 
  foo[i] = $(selected).text(); 
});

¡Dejános un comentario!

Quobit

Quobit

Somos Bit a Bit, llevamos los últimos consejos de tecnología hasta tu smartphone.

2 comentarios en “Valor de un input tipo Select con JQuery

Deja un comentario

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