JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<table id="tutorTable">
<thead>
<tr>
<th>Student Name</th>
<th>Attendance</th>
</tr>
</thead>
<tbody>
<tr>
<td class="studentName">Ellen Murley</td>
<td>
<select class="attendSelect" name="students[241]">
<option value="default">Select...</option><option value="Attended">Attended</option>
<option value="Absent">Absent</option><option value="Excused Absent">Excused Absent</option>
<option value="Late" selected="selected">Late</option>
<option value="Excused Late">Excused Late</option>
</select>
</td>
</tr>
<tr>
<td class="studentName">Jamie Hoare</td>
<td>
<select class="attendSelect" name="students[270]">
<option value="default">Select...</option>
<option value="Attended">Attended</option>
<option value="Absent" selected="selected">Absent</option>
<option value="Excused Absent">Excused Absent</option>
<option value="Late">Late</option>
<option value="Excused Late">Excused Late</option>
</select>
</td>
</tr>
<tr>
<td class="studentName">Aaron Colman</td>
<td>
<select class="attendSelect" name="students[317]">
<option value="default" selected="selected">Select...</option>
<option value="Attended">Attended</option>
<option value="Absent">Absent</option>
<option value="Excused Absent">Excused Absent</option>
<option value="Late">Late</option>
<option value="Excused Late">Excused Late</option>
</select>
</td>
</tr>
</tbody>
</table>
<input type="submit" value="save">
</form>
JavaScript
$(function() {
$('form').submit(function(){
console.log($(this).serialize());
return false;
});
});