Get current value selected in dropdown using jQuery

Question

I have a set of dynamically generated dropdowns on my page. I basically cloned them using jQuery. now I want to commit the value selected in each dropdown list of change events.

I tried something like this that didn't work.

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

How should I do it?

Answer 1

This is what you need:)

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

For new use of jQuery on

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

Answer 2

To get the text of the selected option

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

To get the value of the selected option

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

Answer 3

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

citiesList is the identifier of the select tag

Answer 4

Check it out →

To get text

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

To get the value

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

Answer 5

You can try:

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

Answer 6

To get the value of a select element, just use val ().

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

If you want the text of the selected parameter using this:

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

Answer 7

It is actually more efficient and has better readability, in my opinion, if you want to access your choice using this or another variable

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

In fact, if I remember correctly, phpStorm will try to automatically fix another method.

Answer 8

If you need an index of the currently selected value.

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

Answer 9

try it...

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

Answer 10

The options described above will not work because they are not part of the CSS specification (this is a jQuery extension). After spending 2-3 days searching for information, I found that the only way to select the text of the selected option from the drop-down list is:

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

Refer to the additional notes below: Because: selected is a jQuery extension and not part of the CSS specification, queries using: selected cannot take advantage of the performance enhancement provided by the DOM querySelectorAll () built-in method. For best performance when using: selected to select elements, first select elements using a clean CSS selector, then use .filter(":selected") . (copied from: http://api.jquery.com/selected-selector/ )