JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Set 1</h3>
<div class="dropdowns">
    <div>
    <select id="data">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    <br />
    <select id="data2">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    
    <br />
    <select id="data3">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    </div>
    <div>
    <select id="data4">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    
    <br />
    <select id="data5">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    </div>    
</div>
<h3>Set 2</h3>
<div class="dropdowns">
    <div>
    <select id="data6">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    <br />
    <select id="data7">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
        <option value="2">Exceptional</option>
        <option value="3">Needs Improvement</option>
    </select>
    
    <br />
    <select id="data8">
        <option selected="selected"></option>
        <option value="1">Fully Successfuly</option>
     ...

CSS

td{
    text-align: center;
}

td.toggle{
    background-color: green;
    
}
tr > td:first-child.toggle{
        background-color: red;
}

div.dropdowns{
    width:100%;
}

div.dropdowns div{
    display:inline-block;
    width: 200px;
}

div.dropdowns > *{
    vertical-align: top;
}

table{
    margin-top: 20px;    
}

JavaScript

$("select").change(function(){
    col = $(this).val();
    row = $('select').index(this);
    $("tr:eq(" + (row + 1) + ") > td").html('').removeClass('toggle'); //must be a better way than this
    $("tr:eq(" + (row + 1) + ") > td:eq("+ (col) + ")").html('&#10004;').addClass('toggle');
});