文件上传页面控制动态添加删除的代码

最新推荐文章于 2019-06-29 09:59:47 发布

zjx2388

最新推荐文章于 2019-06-29 09:59:47 发布

阅读量181

点赞数

分类专栏： JavaScript 文章标签： JavaScript HTML ViewUI

JavaScript 专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
  </head>
  <script type="text/javascript">
  function more(){
  	var td = document.getElementById("more");
  	
  	var br = document.createElement("br");
  	var input = document.createElement("input");
  	var button = document.createElement("input");
  	
  	input.type="file";
  	input.value="file";
  	
  	button.type="button"
  	button.value="Remove";
  	
  	button.onclick = function(){
  		td.removeChild(br);
  		td.removeChild(input);
  		td.removeChild(button);
  	}
  	
  	td.appendChild(br);
  	td.appendChild(input);
  	td.appendChild(button);
  	
  }
  </script>
  <body>
  	<table width="80%" align="center" border="1">
  		<tr>
  			<td>
  			file:
  			</td>
  			<td id="more">
  				<input type="file" name="Files" />
  				<input type="button" value="Add More File" οnclick="more()"/>
  			</td>
  		</tr>
  	</table>
  </body>
</html>

zjx2388

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
文件上传页面控制动态添加删除的代码

&lt;%@ page language="java" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt;&lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/ti
复制链接

扫一扫

专栏目录