Obtener el valor actual seleccionado en el menú desplegable con jQuery

Question

Tengo un conjunto de cuadros desplegables generados dinámicamente en mi página. básicamente los clono usando jQuery. ahora quiero capturar el valor seleccionado en cada menú desplegable en evento de cambio.

Intenté algo así que no funcionó.

$('._someDropDown').live('change', function(e) { 
      //debugger; 
      var v = $(this); 
      alert($(this + ':selected').val()); 
      alert($(this).val()); 
     }); 

¿Cómo lo consigo?

Answer 1

Esto es lo que necesita :)

$('._someDropDown').live('change', function(e) { 
    console.log(e.target.options[e.target.selectedIndex].text); 
}); 

Para utilizar jQuery nueva on

$(document).on('change', '._someDropDown', function(e) { 
    console.log(this.options[e.target.selectedIndex].text); 
}); 

Answer 2

Usted puede tratar de:

$("._someDropDown").val(); 

Answer 3

probar esto ...

$("#yourdropdownid option:selected").val(); 

Answer 4

Para obtener el valor de un elemento desplegable (seleccionar), simplemente use val().

$('._someDropDown').live('change', function(e) { 
    alert($(this).val()); 
}); 

Si desea el texto de la opción seleccionada, el uso de este:

$('._someDropDown').live('change', function(e) { 
    alert($('[value=' + $(this).val() + ']', this).text()); 
}); 

Answer 5

Hay que ver ->

Para obtener el texto

$("#selme").change(function(){ 
$(this[this.selectedIndex]).text(); 
}); 

Para obtener el valor

$("#selme").change(function(){ 
$(this[this.selectedIndex]).val(); 
}); 

Answer 6

Para obtener el texto de la opción seleccionada

$("#your_select :selected").text(); 

para obtener el valor de la opción seleccionada

$("#your_select").val(); 

Answer 7

Las opciones mencionadas anteriormente no funcionarán porque no forman parte de la especificación CSS (es la extensión jQuery). Después de haber pasado 2-3 días a excavar alrededor de información, he encontrado que la única manera de seleccionar el texto de la opción seleccionada en el menú desplegable es decir:

{ $("select", id:"Some_ID").find("option[selected='selected']")} 

Consulte las notas adicionales a continuación: Debido : seleccionado es una jQuery extensión y no parte de la especificación CSS, las consultas que utilizan: seleccionado no pueden aprovechar el aumento de rendimiento proporcionado por el método DOM querySelectorAll() nativo. Para lograr el mejor rendimiento al usar: seleccionado para seleccionar elementos, primero seleccione los elementos usando un selector puro CSS, luego use .filter(":selected").(Copiada de: http://api.jquery.com/selected-selector/)

Answer 8

$("#citiesList").change(function() { 
    alert($("#citiesList option:selected").text()); 
    alert($("#citiesList option:selected").val());    
}); 

citiesList es Identificación del selecto etiqueta

Answer 9

Esto es en realidad más eficiente y tiene una mejor legibilidad en mi opinión si desea acceder a su selecto con este o otra variable

$('#select').find('option:selected') 

De hecho, si mal no recuerdo, phpStorm intentará corregir automáticamente el otro método.

Answer 10

En caso de que desee el índice del valor seleccionado actual.

$selIndex = $("select#myselectid").prop('selectedIndex'));