Get selected values of multiple selects

Question

I have a page where the user can generate an undefined amount of <select> elements.

e.g.

<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>
<select>
    <option>blabla</option>
    <option>blabla</option>
    <option>blabla</option>
</select>

My question is how can I get the values of all selected options in jQuery.

Answer 1

You can use .map to create an array of selected values:

var values = $('select').map(function() {
    return $(this).val(); // or return this.value;
}).get();