Get values from multiple selections in SELECT

Question

I have a selection box that allows you to select multiple options. I need to access all the selected values with JavaScript - possible a array of values?

Answer 1

This is the best way to get an array of the selected values back:

$("#mySelect").val(); // Return an array of the selected options values

This assumes that multiple="mutliple" and size is greater than one on the select element.

Answer 2

var values = [];
$('#my_select option:selected').each(function(i, selected){
    values[i] = $(selected).attr('value');
});

Answer 3

I would use $.map:

var values = $('#mySelect option:selected').map(function() {
    return this.value; // or $(this).val()
}).get();