jQuery动态添加及删除表单上传元素的方法(附demo源码下载)


Posted in Javascript onJanuary 15, 2016

本文实例讲述了jQuery动态添加及删除表单上传元素的方法。分享给大家供大家参考,具体如下:

运行效果截图如下:

jQuery动态添加及删除表单上传元素的方法(附demo源码下载)

点击此处查看在线演示效果。

具体代码如下:

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(":input[type=button][value=more]").bind("click",function(){
 var $br = $("<br />");
 var $file = $("<input type='file' name='name1' />");
 var $button = $("<input type='button' value='delete'>");
 $(this).after($file).after($button).after($br);
 $button.bind("click",function(){
  $br.remove();
  $file.remove();
  $button.remove();
 })
 })
});
</script>
</head>
<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>
</html>

完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript forEach通用循环遍历方法
Oct 11 Javascript
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
jQuery不使用插件及swf实现无刷新文件上传
Dec 08 Javascript
javascript中cookie对象用法实例分析
Jan 30 Javascript
jquery日历插件datepicker用法分析
Jan 22 Javascript
全面解析Bootstrap中nav、collapse的使用方法
May 22 Javascript
JS模拟实现ECMAScript5新增的数组方法
Mar 20 Javascript
vue-cli启动本地服务局域网不能访问的原因分析
Jan 22 Javascript
JS实现的RC4加密算法示例
Aug 16 Javascript
微信小程序bindtap事件与冒泡阻止详解
Aug 08 Javascript
js使用文档就绪函数动态改变页面内容示例【innerHTML、innerText】
Nov 07 Javascript
Javascript执行上下文顺序的深入讲解
Nov 04 Javascript
JavaScript焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 #Javascript
JavaScript提高性能知识点汇总
Jan 15 #Javascript
学习JavaScript设计模式之中介者模式
Jan 14 #Javascript
轻松实现jquery手风琴效果
Jan 14 #Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 #Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 #Javascript
分享网页检测摇一摇实例代码
Jan 14 #Javascript
You might like
用PHP查询搜索引擎排名位置的代码
2010/01/05 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
destoon实现不同会员组公司名称显示不同的颜色的方法
2014/08/22 PHP
全面了解PHP中的全局变量
2016/06/17 PHP
php微信公众平台开发(一) 配置接口
2016/12/06 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
验证用户是否修改过页面的数据的实现方法
2008/09/26 Javascript
Javascript 圆角div的实现代码
2009/10/15 Javascript
jQuery动态添加的元素绑定事件处理函数代码
2011/08/02 Javascript
js通过location.search来获取页面传来的参数
2014/09/11 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
2014/12/19 Javascript
jquery关于事件冒泡和事件委托的技巧及阻止与允许事件冒泡的三种实现方法
2015/11/27 Javascript
微信小程序 本地存储及登录页面处理实例详解
2017/01/11 Javascript
JQuery查找子元素find()和遍历集合each的方法总结
2017/03/07 Javascript
史上最全JavaScript数组去重的十种方法(推荐)
2017/08/17 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
微信小游戏之使用three.js 绘制一个旋转的三角形
2019/06/10 Javascript
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
Python实现简单遗传算法(SGA)
2018/01/29 Python
python实现k-means聚类算法
2018/02/23 Python
Python全局变量与局部变量区别及用法分析
2018/09/03 Python
Django 路由控制的实现代码
2018/11/08 Python
在Python中调用Ping命令,批量IP的方法
2019/01/26 Python
Python玩转加密的技巧【推荐】
2019/05/13 Python
TensorFlow实现保存训练模型为pd文件并恢复
2020/02/06 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
美国眼镜网站:LensCrafters
2020/01/19 全球购物
一套.net面试题及答案
2016/11/02 面试题
应届毕业生的个人自我鉴定
2013/10/24 职场文书
展会邀请函范文
2014/01/26 职场文书
教师校本培训方案
2014/02/26 职场文书
幼儿园六一儿童节活动方案
2014/08/26 职场文书
2014年街道办事处工作总结
2014/12/11 职场文书
舌尖上的中国观后感
2015/06/02 职场文书