I am currently trying to create form but am stuck at a point being newbie to Javascript and Jquery. Below is the HTML I am using

What I am trying to achieve is that when user chooses 0 no rows is shown and if he chooses 1 as drop down option the number 1 rows and if he chooses 2 as drop down option both number 1 and number 2 row shows and of chooses 3 row number 1,row number 2 and row number 3 shows and so on...

Can you please help me in coding Javasript or jquery for the same ?

```html
Number of siblings &nbsp;&nbsp;
<select name="siblingnum">
  <option>select one</option>
  <option>0</option>
  <option>1</option>
  <option>2</option>
  <option>3</option>
  <option>4</option>
  <option>5</option>
  <option>6</option>
</select>
<br>
<br>
<table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td style="vertical-align: top;">Number<br></td>
      <td style="vertical-align: top;">Name<br></td>
      <td style="vertical-align: top;">Birthdate<br></td>
      <td style="vertical-align: top;">Class<br></td>
      <td style="vertical-align: top;">Gender<br></td>
      <td style="vertical-align: top;">Schoolname<br></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">1<br></td>
      <td style="vertical-align: top;"><input name="name1"><br></td>
      <td style="vertical-align: top;"><input name="date1"></td>
      <td style="vertical-align: top;"><input name="class1"></td>
      <td style="vertical-align: top;"><input name="g1"></td>
      <td style="vertical-align: top;"><input name="sname1"></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">2<br></td>
      <td style="vertical-align: top;"><input name="name2"></td>
      <td style="vertical-align: top;"><input name="date2"></td>
      <td style="vertical-align: top;"><input name="class2"></td>
      <td style="vertical-align: top;"><input name="g2"></td>
      <td style="vertical-align: top;"><input name="sname2"></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">3<br></td>
      <td style="vertical-align: top;"><input name="name3"></td>
      <td style="vertical-align: top;"><input name="date3"></td>
      <td style="vertical-align: top;"><input name="class3"></td>
      <td style="vertical-align: top;"><input name="g3"></td>
      <td style="vertical-align: top;"><input name="sname3"></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">4<br></td>
      <td style="vertical-align: top;"><input name="name4"></td>
      <td style="vertical-align: top;"><input name="date4"></td>
      <td style="vertical-align: top;"><input name="class4"></td>
      <td style="vertical-align: top;"><input name="g4"></td>
      <td style="vertical-align: top;"><input name="sname4"></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">5<br></td>
      <td style="vertical-align: top;"><input name="name5"></td>
      <td style="vertical-align: top;"><input name="date5"></td>
      <td style="vertical-align: top;"><input name="class5"></td>
      <td style="vertical-align: top;"><input name="g5"></td>
      <td style="vertical-align: top;"><input name="sname5"></td>
    </tr>
    <tr>
      <td style="vertical-align: top;">6<br></td>
      <td style="vertical-align: top;"><input name="name6"></td>
      <td style="vertical-align: top;"><input name="date6"></td>
      <td style="vertical-align: top;"><input name="class6"></td>
      <td style="vertical-align: top;"><input name="g6"></td>
      <td style="vertical-align: top;"><input name="sname6"></td>
    </tr>
  </tbody>
</table>
```