JSFiddle - React, Tailwind, and code Playground

by Trey Hunner

HTML

<div class="row">
    <input name="artist">
    <select name="rating">
        <option></option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
    </select>
</div>

JavaScript

$('body').on('input', '.row:last :input', function () {
    $('.row:last').clone().insertAfter('.row:last').find(':input').val('');
});

$('body').on('input', '.row :input', function () {
    var index = $('.row').index($(this).parent('.row'));
    console.log("Saving row " + index + " in the background...");
});