JSFiddle - React, Tailwind, and code Playground

HTML

<table id="table">
    <tr>
        <td>
            <select>
                <option value='default'>Select</option>
                <option value='1'>1</option>
                <option value='2'>2</option>
                <option value='3'>3</option>
            </select>
        </td>
    </tr>
    <tr>
        <td>
            <select>
                <option value='default'>Select</option>
                <option value='4'>4</option>
                <option value='5'>5</option>
                <option value='6'>6</option>
            </select>
        </td>

    </tr>
<tr>
        <td>
            <select>
                <option value='default'>Select</option>
                <option value='7'>7</option>
                <option value='8'>8</option>
                <option value='9'>9</option>
            </select>
        </td>

    </tr>
    <tr>
        <td>
            <select>
                <option value='default'>Select</option>
                <option value='10'>10</option>
                <option value='11'>11</option>
                <option value='12'>12</option>
            </select>
        </td>

    </tr>
</table>

JavaScript

$(init)

function init(){
    $("#table select").on("change", function(){
        // Get the value from the select box
        var value = $(this).val();
        
        // Do what you need to do with value        
        alert(value);
        
        // Reset the select back to the first option
        $(this).val("default");
    });
}