JSFiddle - React, Tailwind, and code Playground
HTML
<!-- START OF EMPLOYEE -->
<div class="field third first" id="fieldList">
<label for="employees">Employee</label>
<div id="select-wrapper" class="select-wrapper">
<select id="employees" name="employees">
<option value="">- Select Employee -</option>
<option value="1"> Bob </option>
<option value="1"> Mark </option>
<option value="1"> Alice </option>
<option value="1"> Jamie </option>
<option value="1"> Kris </option>
</select>
</div>
</div>
<div>
<button id="addMore">
Add Employee
</button>
</div>
<div class="field third first">
<label for="wages">Amount Paid</label>
<input type="text" name="wages" id="wages" value=""/>
</div>
JavaScript
$(function() {
$("#addMore").click(function(e) {
var newSelect = $("#employees").clone();
newSelect.val("");
$("#select-wrapper").append(newSelect);
});
});