JSFiddle - React, Tailwind, and code Playground

HTML

<select name="covered" id="covered"  onchange="AddRow(this.value)">    
       <option value="0" >0</option>
       <option value="1" >1</option>
       <option value="2" >2</option>
       <option value="3" >3</option>
    </select>
    <table id="myTable2"  width="587" border="0">
    </table>

JavaScript

function AddRow(id)
 {
     alert(id)
     for(var i=0;i<id;i++)
     {
       var text_box = "<tr><td><input type='text' name='dest[]'  value='' size='30' /></td><td><input type='text' name='destsub[]'  value='' size='35' /></td></tr>";
         $('#myTable2').append(text_box)    
    }
}