<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function add(){
var i=document.getElementById("upfile").rows.length;//得到表格的行数
var myRow=document.getElementById("upfile").insertRow(i);//向表格最后添加一行
var mycell=myRow.insertCell(0);//向新行中添加一列
mycell.innerHTML="<input type='file' name='file' /><input name='delBut' type='button' value='删除' />";//向单元格中添加内容
}
function del(r){
var i=r.parentNode.parentNode.rowIndex;
var n=document.getElementById("upfile").rows.length;//得到表格的行数
if(n!=1){
document.getElementById("upfile").deleteRow(i);//如果不是一行,删除行
}
else{
document.getElementsByName("delBut")[0].disabled=true; //如果只有一个,不能删除,把按扭禁用
}
}
</script>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="600" border="1" cellpadding="5" cellspacing="2" bordercolor="#000000">
<tr>
<td width="106">上传多个附件:</td>
<td width="462"><table id="upfile" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="file" name="file" /><input name="delBut" type="button" value="删除" /> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" />
<input type="button" name="Submit2" value="重填" /></td>
</tr>
</table>
</form>
</body>
</html>
<form action="" method="post" enctype="multipart/form-data" name="form1" id="form1">
<table width="600" border="1" cellpadding="5" cellspacing="2" bordercolor="#000000">
<tr>
<td width="106">上传多个附件:</td>
<td width="462"><table id="upfile" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><input type="file" name="file" /><input name="delBut" type="button" value="删除" /> </td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="Submit" value="提交" />
<input type="button" name="Submit2" value="重填" /></td>
</tr>
</table>
</form>
</body>
</html>
转载于:https://blog.51cto.com/ricegao/234743