JSFiddle - React, Tailwind, and code Playground

by Tedeee

HTML

<div>
    <label>1.</label>
<select class="size-col">
    <option value="s">S</option>
    <option value="m">M</option>
    <option value="l">L</option>
</select>
</div>

<div>
    <label>2.</label>
<select class="size-col">
    <option value="s">S</option>
    <option value="m">M</option>
    <option value="l">L</option>
</select>
</div>

<div>
    <label>3.</label>
<select class="size-col">
    <option value="s">S</option>
    <option value="m">M</option>
    <option value="l">L</option>
</select>
</div>

<div>
    <label>4.</label>
<select class="size-col">
    <option value="s">S</option>
    <option value="m">M</option>
    <option value="l">L</option>
</select>
</div>

JavaScript

function checkmysize(){
var values = [];
var inputs = $('.size-col');
for(var i = 0; i < inputs.length; i++){
    values.push($(inputs[i]).val());
    alert(values);
}
}

checkmysize();