JSFiddle - React, Tailwind, and code Playground
HTML
<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>
<button>Save</button>
JavaScript
$(function() {
$('button').click(function(){
var data = $(".attendSelect").wrap('<form/>').serialize();
console.log(data);
return false;
});
});