Quobit

Cultura Digital, Tutoriales, tecnología y gadgets

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(); 
});