Get the selected child within an .each loop in jQuery

Question

Hey guys. I am trying to get the selected option in an each loop. What is the correct syntax to achieve that?

I tried the following:

var row = $('#template_23423);

row.find('select[name^=COUNTY]').each(function (){
    var selectedOption = $(this).children(':selected').val();

Any ideas?

Answer 1

var row = $('#template_23423');

row.find('select[name^=COUNTY]').each(function(){
  var selectedOption = $('option:selected', $(this)).val();
};

That will give you the value of the options if you want to their text, use text() instead of val().