div点击按钮增加一行

最新推荐文章于 2023-08-31 16:44:35 发布

zziamalei

最新推荐文章于 2023-08-31 16:44:35 发布

阅读量2.7k

点赞数

分类专栏：前台

本文链接：https://blog.csdn.net/zziamalei/article/details/23710365

版权

前台专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<%@ 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>

zziamalei

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div点击按钮增加一行

function addLine(addBut){ var divElements =document.getElementsByName("delete"); if(divElements.length<5){ var divElement =document.createElement("div"); var input1 = document.createE
复制链接

扫一扫