JSFiddle - React, Tailwind, and code Playground

HTML

<table id="myTable2"  width="587" border="0">
        <tr>
            <td height="23"><strong>DESTINATION COVERED</strong></td>
            <td height="23">
                <select name="covered" id="covered"  onchange="AddRow(this.value)">    
                    <option value="0" >0</option>
                    <option value="1" >1</option>
                    <option value="2" >2</option>
                </select>
            </td>
        </tr>
    </table>

JavaScript

function AddRow(id)
 {
     alert(id)
     for(var i=0;i<id-1;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)    
    }

     }