表格的动态删除行，一个小问题，来者有分！

<html>
<script language="JavaScript">
function GetInfo(){
        var num=document.form1.select.options[document.form1.select.selectedIndex].value;
for(var i=0;i<3;i++){
          if(num=='1'){
//tb1.innerHTML="";
                R=tbl.insertRow()
                C=R.insertCell()
                C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
        }else
if(num=='2'){
document.all("tbl").innerText = "";
 R=tbl.insertRow()
                C=R.insertCell()
                C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
 C=R.insertCell()
                C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
}
}
        }
</script>
<body >
<form name="form1" method="post" action="">
<select name="select" size="5"  onChange="javascript:GetInfo();">
    <option value="2">2</option>
        <option value="1">1</option>
      <select>
  <table name='tbl' id="tbl" border="1" width=400 align="center">
  </table>
</form>
</body>
</html> 

解决方案 »

  1.   

    function GetInfo(){
            var num=document.form1.select.options[document.form1.select.selectedIndex].value;
    while(tbl.childNodes.length)
    {
    tbl.removeChild(tbl.childNodes[0]);
    }
    for(var i=0;i<3;i++){
              if(num=='1'){
                    R=tbl.insertRow()
                    C=R.insertCell()
                    C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
            }else
    if(num=='2'){
     R=tbl.insertRow()
                    C=R.insertCell()
                    C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
     C=R.insertCell()
                    C.innerHTML="<td><input name='waste_name' type='text' size='13'></td>"
    }
    }
            }
    </script>