How can I get a multiple selected values in dropdown

Question

I am using drop down with multiple select name defined with select[]

How can I get selected values using jquery.

Answer 1

The same way as any form element - use val().

var selectedValues = $("#select").val();

With a multiple select you will see the value as a comma delimited string which can easily be posted for server-side processing or split into an array if required.

Example fiddle

Answer 2

If someone wants values with labels. Then here is the solution:

var hexvalues = [];
var labelvalues = [];

$('#myMultiSelect :selected').each(function(i, selectedElement) {
 hexvalues[i] = $(selectedElement).val();
 labelvalues[i] = $(selectedElement).text();
});

Answer 3

Try this,

Live Demo

$('#btn').click(function(){
    $('#select option:selected').each(function(){
        alert($(this).text());
    });
})​