JS问题请教

[kane_zuo]

<input type="text" name="textfield" />
我想在这里输入数值 下面的表格初始一个是显示的,其实是隐藏的 输入的数值为几就显示几个隐藏表格
JS该如何写??求教
</p>
<table width="900" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="168" height="20">姓名</td>
<td width="168">性别</td>
<td width="168">家庭关系人</td>
<td width="105">关系属性</td>
<td width="168">工作电话</td>
<td width="11"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="31"> </td>
</tr>
<tr>
<td height="20"><input type="text" name="textfield2" /></td>
<td><input type="text" name="textfield22" /></td>
<td><input type="text" name="textfield23" /></td>
<td><input type="text" name="textfield232" /></td>
<td><input type="text" name="textfield24" /></td>
<td><input type="text" name="textfield242" /></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0" style="display:none">
<tr>
<td width="168" height="20">姓名</td>
<td width="168">性别</td>
<td width="168">家庭关系人</td>
<td width="105">关系属性</td>
<td width="168">工作电话</td>
<td width="11"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="31"> </td>
</tr>
<tr>
<td height="20"><input type="text" name="textfield25" /></td>
<td><input type="text" name="textfield222" /></td>
<td><input type="text" name="textfield233" /></td>
<td><input type="text" name="textfield2322" /></td>
<td><input type="text" name="textfield243" /></td>
<td><input type="text" name="textfield2422" /></td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<table width="900" border="0" cellspacing="0" cellpadding="0" style="display:none">
<tr>
<td width="168" height="20">姓名</td>
<td width="168">性别</td>
<td width="168">家庭关系人</td>
<td width="105">关系属性</td>
<td width="168">工作电话</td>
<td width="11"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="27"> </td>
<td width="31"> </td>
</tr>

[lawrendc]

<script language="javascript">
function showTable(num){

var tables=document.getElementsByTagName("table");
for(var i=0;i<tables.length;i++){
tables[i].style.display="none";
}

num=num>tables.length?tables.length:num;

for(var i=0;i<num;i++){
tables[i].style.display="block";
}


}

</script>


<input type="text" name="textfield" onchange='showTable(this.value)'/>

[kane_zuo]

谢谢OK了

[一把编程的菜刀]

够简单的