jquery实现动态上传

hehefefe

于 2011-03-16 23:10:23 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

分类专栏： Jquery 文章标签： jQuery Java HTML ViewUI

本文链接：https://blog.youkuaiyun.com/hehefefe/article/details/83873020

Jquery 专栏收录该内容

12 篇文章

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">

  <script type="text/javascript" src="jquery-1.4.3.js"></script>
  <script type="text/javascript">
  var count=0;
  $(document).ready(function(){
  //匹配给定的属性是某个特定值的元素
	$("input[type=button]").click(function(){
	var br = $("<br>");
	var input = $("<input type='file'></input>");
	var button = $("<input type='button' value='Remove "+(++count)+"'></input>");
	$("#div1").append(br).append(input).append(button);

	button.click(function(){
		br.remove();
		input.remove();
		button.remove();

	});
	});
 });
  </script>


 </HEAD>

 <BODY>
 <input type="file"/>
 <input type="button" value="more..."/>
 <div id="div1"></div>
 </BODY>
</HTML>