如何增加表格中的这一行？？？

<html>
<style type="text/css">
<!--
.style7 {font-size: 10pt}
-->
</style>
<link href="tax2.css" rel="stylesheet" type="text/css">
<head>
<title>新闻增加</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">
<!--
table {  font-size: 9pt}
body {
font-size: 9pt;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.style1 {
font-size: 12pt;
font-weight: bold;
}
.style5 {font-size: 12px}
.texthide {
position: relative;
visibility: hidden;
}-->
</style>
</head>
<script> 
var i=0 
function insert_row(){ 
i++ 
R=tbl.insertRow() 
C=R.insertCell() 
C.innerHTML="<input type='file' name='pic" + i + "'>" 
C=R.insertCell() 
C.innerHTML="文件"+i 
C=R.insertCell() 
C.innerHTML="<input type='button'  value='删除' onclick='tbl.deleteRow("+ (i-1) +")'>" } 
</script>
 
<script language = "vbscript">
sub checktype()
document.form1.action = "save.asp?id=" & i
form1.submit
end sub
</script>
<body bgcolor="#FFFFFF" background="../images/back.gif">
<form method="post" action="" enctype="multipart/form-data" name="form1" onsubmit="return check();" > 
  <table width="700" border="1" cellspacing="0" cellpadding="1" align="center" bordercolorlight="#B6C2EA" bordercolordark="#FFFFFF">
    <tr valign="middle" bgcolor="EDF0F9"> 
      <td width="97">&nbsp;</td>
      <td width="191">&nbsp;</td>
      <td width="104">&nbsp;</td>
      <td width="222"><span class="style5"> 
        <input type="button" name="Submit3" value="增加附件" onClick="insert_row()">
        (可选,附件不能用中文名)</span></td>
    </tr>
    <tr valign="middle" bgcolor="EDF0F9"> 
      <td>&nbsp;</td>
      <td colspan="3"> 
        <table name = "tbl" id = "tbl">
        </table></td>
    </tr>
  </table>  
<input name="fenlei" type="hidden" value="<%=listid%>">
</form>
</body>  
</html>  测试通过，好用：）

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <!-- saved from url=(0057)http://localhost:8080/jspsmartfile/jsp/uploadTemplate.jsp -->
    <HTML><HEAD>
    <META content="text/html; charset=gb2312" http-equiv=Content-Type>
    <META content="MSHTML 5.00.2920.0" name=GENERATOR></HEAD>
    <BODY bgcolor=#EDF2FC>
    <FORM action="upload.jsp"  encType=multipart/form-data method=post>
      <TABLE>
        <TBODY>
          <TR>
            <TD>&nbsp;</TD>
            <TD>
        &nbsp;&nbsp;&nbsp;&nbsp;<input type="button" value="增加数量" onclick="addf()"></TD>
          </TR>      <TR >
            <TD colspan=2 id="tdf">  <TABLE id=tbody>  <TBODY >
    <TR>
    <TD></TD>
    </TR>
    <TR>
    <TD>选择图片(1):<INPUT  size=60 type=file  name="file0"> 张数:<INPUT  size=2 type=text  name="zs0" value=1> 尺寸:<select  name="cm0">

          <option value="2">5</option>
          <option value="1">10</option>
          <option value="3">15</option>
          <option value="11">20</option>
    </select> </TD>
    </TR>
     </TBODY>
    </TABLE>  </TD>
                        <TR>        <TD colspan=2 >备&nbsp;&nbsp;&nbsp 注:<TEXTAREA NAME="text" ROWS="" COLS=""></TEXTAREA></TD>
          </TR>
          <TR>
            <TD 
    align=right>&nbsp;</TD>
            <TD 
    align=center><INPUT type=submit value="发送" name="send" onclick="return ck()"> </TD>
          </TR>
        </TBODY>
      </TABLE>
    </FORM></BODY></HTML><SCRIPT LANGUAGE="JavaScript">
    <!--
    var i=0;
    function addf()
    { 
    i++;
      var oTR;
        var oTD;     oTR=tbody.insertRow((i+1)); oTD=oTR.insertCell();
    oTD.innerHTML="选择图片("+(i+1)+"):<INPUT  size=60 type=file  name='file"+i+"'> 张数:<INPUT  size=2 type=text  name='zs"+i+"' value=1> 尺寸:<select  name='cm"+i+"'></select>"; for (var k=0;k<document.all.cm0.options.length;k++)
    {
    document.all("cm"+i).options[k]= new Option(document.all.cm0.options[k].text,document.all.cm0.options[k].value);
    }

    }
    function ck()
    {
    var j;
    for(j=0;j<(i+1);j++){
    if(document.all("file"+j).value!=""){
         //alert(document.all("file"+j).value);
     var ss=document.all("file"+j).value;
     var ssary=new Array();
     ssary=ss.split(".");
     if(ssary[ssary.length-1]=="gif"||ssary[ssary.length-1]=="jpg"||ssary[ssary.length-1]=="png"||ssary[ssary.length-1]=="bmp"||ssary[ssary.length-1]=="tif"){
    // return true;
     }else{
     alert("文件"+(j+1)+"非法.\n请上传 gif,jpg,png,bmp,tif格式的文件!");
     return false;
     } }
    }
    if(confirm("确定？")){
    }else{
    return false;
    }
    }
    //-->
    </SCRIPT>
      

  2.   

    <table><tr><td><input type="button" onclick="addtr()" value=1></td><td><img></td></tr>
    <tr><td><input type="button" onclick="addtr()" value=2></td><td><img></td></tr>
    <tr><td><input type="button" onclick="addtr()" value=3></td><td><img></td></tr></table>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function addtr(){
    var curTr=event.srcElement.parentElement.parentElement
    var curIndex=curTr.rowIndex
    var curTable=curTr.parentElement
    var cloneTr=curTr.cloneNode(true)
    curTable.insertBefore(cloneTr,curTr)
    }
    //-->
    </SCRIPT>