JSFiddle - React, Tailwind, and code Playground

by dying_sakura

HTML

<select>
    <option disabled="disabled" selected="selected"></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>
<table id="myTable">

 </table>

JavaScript

$(function() {
    $('select').blur(function() {
        $('#myTable').html('');
        for (var i = 0; i<parseInt($(this).val()); i++) {
            var row = '<tr>\
                <td>\
                    <input type="text" name="dest[]" size="30" />\
                </td>\
                <td>\
                    <input type="text" name="destsub[]" size="35" />        \
                </td>\
            </tr>';
            row = $(row);
            $('#myTable').append(row);
        }
    });
});