根据下拉菜单显示行

Question

我有一个带有以下下拉菜单的HTML表单。

How many are Attending?
<select id="NoAttending">
    <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>

以下行取决于用户的选项。因此，如果用户选择＆＃34; 3＆＃34;将动态生成三行，并为每个列显示FName和LName的2个输入字段。

<tr>
    <td>First Name:
        <input id="fname1" name="fname" type="text">
    </td>
    <td>Last Name:
        <input id="lname1" name="lname" type="text">
    </td>
</tr>
<tr>
    <td>First Name:
        <input id="fname2" name="fname" type="text">
    </td>
    <td>Last Name:
        <input id="lname2" name="lname" type="text">
    </td>
</tr>
<tr>
    <td>First Name:
        <input id="fname3" name="fname" type="text">
    </td>
    <td>Last Name:
        <input id="lname3" name="lname" type="text">
    </td>
</tr>

我该怎么做？谢谢！