<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML> <HEAD> <title>多文件上传</title> <mce:script language="JavaScript"><!-- function addFile() { var i = 0; i = form1.myi.value; //var str = '<INPUT type="file" size="40" NAME="File'+i+'"> <input type="text" name="TxtUrl0"><input type="button" name="btnDel'+i+'" οnclick="DelFile('+i+')" value="删除">' var str='<table cellpadding="0" cellspacing="0" style="WIDTH: 367px; HEIGHT: 72px" align="center" name="table'+i+'" id="table'+i+'"><tr><td><INPUT type="text" class="input1" size="6" value="图片文件:" name="txt'+i+'"><INPUT type="file" size="21" NAME="File'+i+'"></td><td rowspan="3"><input type="button" name="btnDel'+i+'" οnclick="DelFile('+i+')" value="删除"></td></tr><tr><td><INPUT type="text" class="input1" size="6" value="链接网址:" name="txtU'+i+'"><input type="text" style="WIDTH: 240px; HEIGHT: 22px" name="TxtUrl'+i+'"></td></tr><tr><td><INPUT type="text" class="input1" size="6" value="文字说明:" name="txtI'+i+'"><input type="text" style="WIDTH: 240px; HEIGHT: 22px" name="TxtInfo'+i+'"></td></tr></table>' document.getElementById('MyFile').insertAdjacentHTML("beforeBegin",str) i ++; form1.myi.value = i; } function DelFile(i) { // 试了好几个HTML标签..removeNode好像只对<input><p>标签有效.对<table><td>均无效. // <div>标签没试.不过我想也应该是可以的.只是用了<div>标签后.会自动分行.效果不是很好 document.all['txt'+i].removeNode(true); document.all['txtU'+i].removeNode(true); document.all['txtI'+i].removeNode(true); document.all['File'+i].removeNode(true); document.all['TxtUrl'+i].removeNode(true); document.all['TxtInfo'+i].removeNode(true); document.all['btnDel'+i].removeNode(true); } // --></mce:script> <LINK href="css/bs.css" mce_href="css/bs.css" type="text/css" rel="stylesheet"> <LINK href="css/ManageMent.css" mce_href="css/ManageMent.css" type="text/css" rel="stylesheet"> </HEAD> <body> <form id="form1" method="post" encType="multipart/form-data" runat="server"> <input type="hidden" value="1" name="myi"> <table cellSpacing="0" cellPadding="0" width="500" align="center"> <tr align="left" width="500"> <td width="500"> <table id="table0" style="WIDTH: 367px; HEIGHT: 72px" cellSpacing="0" cellPadding="0" align="center" name="table0"> <tr> <td><INPUT type="text" class="input1" size="6" value="图片文件:" name="txt0"><INPUT style="WIDTH: 241px; HEIGHT: 22px" type="file" size="21" name="File0"></td> <td rowSpan="3"><input οnclick="DelFile(0)" type="button" value="删除" name="btnDel0"></td> </tr> <tr> <td><INPUT type="text" class="input1" size="6" value="链接网址:" name="txtU0"><input style="WIDTH: 240px; HEIGHT: 22px" type="text" name="TxtUrl0" id="TxtUrl0" runat="server"></td> </tr> <tr> <td><INPUT type="text" class="input1" size="6" value="文字说明:" name="txtI0"><input style="WIDTH: 240px; HEIGHT: 22px" type="text" name="TxtInfo0" id="TxtInfo0" runat="server"></td> </tr> </table> <br id="MyFile"> </td> </tr> <tr align="center"> <td><input οnclick="addFile()" type="button" value="增加(Add)"> <asp:button id="BtnUpload" runat="server" Text="上传并生成"></asp:button></td> </tr> <tr> <td><asp:textbox id="Txt1" runat="server" Height="163px" TextMode="MultiLine" Width="469px"></asp:textbox></td> </tr> </table> </form> </body> </HTML>