JSFiddle - React, Tailwind, and code Playground

by Sam Liew

HTML

<div id='scntDiv'></div>
<button class='add'>add</button>

JavaScript

var i = 0;
var scntDiv = $('#scntDiv');
$('body').on('click', '.add', function () {
    $('<p><input type="text" name="barcode' + i + '" id="textbox_input1" placeholder="Barcode"/><input type="text" name="item' + i + '" id="textbox_input1" placeholder="Item"/><input type="number" name="qtty' + i + '" id="textbox_input1" placeholder="Quantity"/><input type="number" name="min' + i + '" id="textbox_input1" placeholder="Minimum"/>**<select name="category' + i + '" id="textbox_input1"><option value="Grocery">Grocery</option><option value="Furniture">Furniture</option></select>**<input type="text" name="price' + i + '" id="textbox_input1" placeholder="Price"/><input type="text" name="promo' + i + '" id="textbox_input1" placeholder="Promo"/><button type="button" class="remove" id="button">Remove</button></p>').appendTo(scntDiv);
    i++;
    return false;
});