JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <label>Category</label>
        <select name="category[]"> 
            <option>CPU</option>
            <option>HDD</option>
        </select>
        <select name="items[]"> 
            <option>Item 1</option>
            <option>Item 2</option>
            <option>Item 3</option>
        </select>
    </li>
</ul>

<input type="hidden" name="current_added_products" value="2" />
<input type="button" class="add_more_product" value ="Add More Product" />

JavaScript

$(document).ready(function() {
    $('.add_more_product').on('click', function() {
        $('li:last').clone().appendTo('ul');
    });
});