JSFiddle - React, Tailwind, and code Playground

HTML

<form>
        <table border="1" id="equipment">
            <tr>
                <td>Kod Peralatan</td>
                <td>Nama Peralatan</td>
            </tr>
        </table>
        <div style="text-align: right">
            <input type="button" onclick="addMoreEquipment()" value="Add Row">
        </div>    
    </form>

JavaScript 1.7

var rows = 0;
window['addMoreEquipment'] = function() {
    rows++;
    var options = [{ name: "Item 1", value: "1" }, 
                   { name: "Item 2", value: "2" }, 
                   { name: "Item 3", value: "3" }];
    var row = $("<tr id='row"+ rows +"'><td><select id='equipment" + rows + "'></select></td><td><a href='#' onclick='removeRow(\"row" + rows + "\")'>Remove</a></td></tr>")
    $("#equipment").append(row);
    for (var i = 0; i < options.length; i++)
        $("#equipment" + rows).append(new Option(options[i].name, options[i].value));
}
window['removeRow'] = function(id) {
     $("#" + id).remove();
}

$(document).ready(function() {
    addMoreEquipment();
});