JSFiddle - React, Tailwind, and code Playground

by Salvatore Farsaci

HTML

<table id='myTable'>
    <tr>
        <td>col 1</td>
        <td>col 2</td>
    </tr>
</table>
<select name="covered" id="covered">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
</select>

CSS

td {
    border: 1px solid black;
}

JavaScript

$('#covered').on('change', function () {
    var v = this.value;
    for (var i = 0; i < v; i++) {
        $('#myTable').append('<tr><td>new added row' + i + '</td><td> col 2</td></tr>');
    }
});