jquery getting all dropdown values

Question

I have dropdown <select> with id my_dropdown. I allow multi-select. I know how to pull the selected value(s) using jquery:

var values = $('#my_dropdown').val(); 

This will return an array of values if I select multiple. I also need to get all the values in the dropdown regardless of what is selected. How can I use jquery similarly to get all the values in the dropdown given that id?

Answer 1

How about something like:

var values = []; $('#my_dropdown option').each(function() {      values.push( $(this).attr('value') ); }); 

Answer 2

Looks like:

var values = $('#my_dropdown').children('option').map(function(i, e){     return e.value || e.innerText; }).get(); 

See this in action: http://www.jsfiddle.net/YjC6y/16/

Reference: .map()