JSFiddle - React, Tailwind, and code Playground

HTML

<select multiple="" style="width: 147px;" id="list" name="list" class="list_class">
    <option value="21">A</option>
    <option value="22">B</option>
    <option value="23">C</option>
    <option value="24">D</option>
    <option value="2">E</option>
</select>
<select multiple="" style="width: 147px;" id="list1" name="list1" class="list_class">
    <option value="22">B</option>
    <option value="24">D</option>
    <option value="2">E</option>
</select>
<select multiple="" style="width: 147px;" id="list2" name="list2" class="list_class">
    <option value="22">B</option>
    <option value="24">D</option>
    <option value="2">E</option>
</select>

JavaScript

var ar = [];
$("select").each(function (k, va) {
    var obj = {};

    obj[$(this).attr("name")] = $(this).children().map(function (i, val) {
        return this.value;
    }).get();
    ar.push(obj);


});
console.log(ar[0].list);
console.log(ar[1].list1);
console.log(ar[2].list2);