控制<tr>与</tr>中内容的隐藏与显示问题！请各位高手多多指教！

Question

<table id="tb1">
   <tr bgcolor=#ffffff>
      <td align=right width="20%">答案数目：</td>
      <td align=left width="80%">
         <select name="AnswerNum" onchange="javascript:test(this.value)">
            <option value="2" selected > 2 </option>
            <option value="3"> 3 </option>
            <option value="4"> 4 </option>
</select>
      </td>
   </tr>  
   <tr id="TRAnswer7" style="DISPLAY:none;">
       <td align=right width="20%">答案7:</td>
       <td align=left width="80%"><input type=text name="Answer7"></td>
   </tr> 
   <tr id="TRAnswer8" style="DISPLAY:none;">
       <td align=right width="20%">答案8:</td>
       <td align=left width="80%"><input type=text name="Answer8"></td>
   </tr>
   <tr id="TRAnswer9" style="DISPLAY:none;">
       <td align=right width="20%">答案9:</td>
       <td align=left width="80%"><input type=text name="Answer9"></td>
   <tr id="TRAnswer10" style="DISPLAY:none;">
       <td align=right width="20%">答案10:</td>
       <td align=left width="80%"><input type=text name="Answer10"></td>
   </tr> 
</table>
<script language="javascript">
   function test(n)
   {
  for(i=1;i<tb1.rows.length;i++)
      tb1.rows[i].style.display=i<=parseInt(n)?"block":"none"
   }
   test(2)
</script> 

Answer 1

<tr id=prnTR><td align=right><input type=button name=btnPrint value=开始打印 onclick="printthis();" ID="btnPrint">
    <input type=button name=btnPrint value=取消打印 onclick="window.close()" ID="Button1"></td></tr>
    <tr>
     <td width="100%" height="60" align="center"><span style="font-size:15pt; FONT-WEIGHT: bold;">金计划申请表</span> 　</td>
    </tr>
<script language=javascript>
function printthis(){ 
document.all('prnTR').style.display="none";
print();
}
//-->
</script>