Get current value selected in dropdown using jQuery

Question

I have a set of dynamically generated dropdown boxes on my page. basically I clone them using jQuery. now I want to capture the value selected on each dropdown on change event.

I tried something like this which did not work.

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

How do I get it done?

Answer 1

To get the text of the selected option

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

To get the value of the selected option

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

Answer 2

This is what you need :)

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

For new jQuery use on

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