JSFiddle - React, Tailwind, and code Playground
HTML
<table>
<tr>
<td><button type="button" onclick = "addField(this)">Add more equipment</button></td>
</tr>
JavaScript
window.addField = function addField(btn) {
var parentRow = btn.parentNode.parentNode;
var table = parentRow.parentNode;
var rowCount = table.rows.length;
var row = table.insertRow(rowCount);
var cell3 = row.insertCell(0);
var cell1 = row.insertCell(1);
var element1 = document.createElement("input");
element1.type = 'text';
element1.class = 'qty';
element1.id = 'quantity';
element1.value = 0;
cell1.appendChild(element1);
var cell2 = row.insertCell(2);
var element3 = document.createElement("button");
element3.class = 'qtyminus';
element3.type = "button";
element3.innerHTML = "+1";
element3.setAttribute('field', 'quantity');
cell2.appendChild(element3);
var cell4 = row.insertCell(3);
var element4 = document.createElement("button");
element4.setAttribute('field', 'quantity');
element4.class = 'qtyplus';
element4.type = "button";
element4.innerHTML = "-1";
cell4.appendChild(element4);
var my_form = document.createElement('form');
my_form.name = 'myForm';
my_form.method = 'post';
my_form.action = 'equipment_page_admin.php';
var element2 = document.createElement("select");
//element2.type = "select";
var option1 = document.createElement("option");
option1.innerHTML = "---Please Select Equipment---";
option1.value = "default";
element2.add(option1, null);
var option2 = document.createElement("option");
option2.innerHTML = "120-130 BBL Vacuum Truck (Blackiron)";
option2.value = "120-130 BBL Vacuum Truck (Blackiron)";
element2.add(option2, null);
var option3 =...