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 el evento de cambio.
Intenté algo como esto que no funcionó.
$('._someDropDown').live('change', function(e) { //debugger; var v = $(this); alert($(this + ':selected').val()); alert($(this).val()); });¿Cómo lo hago?
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();Esto es lo que necesitas :)
$('._someDropDown').live('change', function(e) { console.log(e.target.options[e.target.selectedIndex].text); }); Para el nuevo uso de jQuery on
$(document).on('change', '._someDropDown', function(e) { console.log(this.options[e.target.selectedIndex].text); });$("#citiesList").change(function() { alert($("#citiesList option:selected").text()); alert($("#citiesList option:selected").val()); });citiesList es la identificación de la etiqueta seleccionada