<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">
function addLine(addBut){
var divElements =document.getElementsByName("delete");
if(divElements.length<5){
var divElement =document.createElement("div");
var input1 = document.createElement("input");
input1.type="file";
input1.name="upFile";
input1.name="delete";
var input2 = document.createElement("input");
input2.type="button";
input2.value="删除";
input2.οnclick=function(){
var divElemnet = this.parentNode.parentNode;
divElemnet.removeChild(this.parentNode);
addBut.disabled=false;
}
divElement.appendChild(input1);
divElement.appendChild(input2);
var outDivElement = document.getElementById("outDiv");
outDivElement.appendChild(divElement);
if(divElements.length==5){
addBut.disabled=true;}
}
}
</script>
</head>
<body>
<form action="${pageContext.request.contextPath }/UploadServlet" method="post"
enctype="multipart/form-data">
<table border="1" align="center">
<caption>
文件上传
</caption>
<tr>
<th>
上传用户
</th>
<td>
<input type="text" name="username" />
</td>
</tr>
<tr>
<th></th>
<td>
<div id="outDiv">
</div>
</td>
</tr>
<tr>
<th>
</th>
<td><input type="button" value="添加上传文件" id="addBut" οnclick="addLine(this)"/></td>
</tr>
<tr><td colspan="2" align="center"><input type="submit" value="上传"/></td></tr>
</table>
</form>
</body>
</html>
div点击按钮增加一行
最新推荐文章于 2023-02-16 17:38:42 发布