JSFiddle - React, Tailwind, and code Playground
HTML
<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>
<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>
<br />
<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>
<table border="1">
<tr><th>Unanswered</th><th>Fully Successfull</th><th>Exceptional</th><th>Needs Improvement</th></tr>
<tr><td>•</td><td></td><td></td><td></td></tr>
<tr><td>•</td><td></td><td></td><td></td></tr>
<tr><td>•</td><td></td><td></td><td></td></tr>
<tr><td>•</td><td></td><td></td><td></td></tr>
<tr><td>•</td><td></td><td></td><td></td></tr>
</table>
JavaScript
$("select").change(function(){
col = $(this).val();
row = $('select').index(this);
$("tr:eq(" + (row + 1) + ") > td").html(''); //must be a better way than this
$("tr:eq(" + (row + 1) + ") > td:eq("+ (col) + ")").html('•');
});