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 代码也可以变得优美的实现方法
Jun 22 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
Dec 17 Javascript
Javascript页面添加到收藏夹的简单方法
Aug 07 Javascript
页面按钮禁用与解除禁用的方法
Feb 19 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
jQuery前端框架easyui使用Dialog时bug处理
Dec 05 Javascript
利用AJAX实现WordPress中的文章列表及评论的分页功能
May 17 Javascript
Jquery调用iframe父页面中的元素及方法
Aug 23 Javascript
Vue的状态管理vuex使用方法详解
Feb 05 Javascript
Vue项目打包、合并及压缩优化网页响应速度
Jul 07 Vue.js
vue实现在data里引入相对路径
Jun 05 Vue.js
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
如何选购合适的收音机
2021/03/01 无线电
php模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
thinkPHP+LayUI 流加载实现功能
2019/09/27 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
基于JQuery的asp.net树实现代码
2010/11/30 Javascript
JS子父窗口互相操作取值赋值的方法介绍
2013/05/11 Javascript
JavaScript之IE的fireEvent方法详细解析
2013/11/20 Javascript
js使用eval解析json(js中使用json)
2014/01/17 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
Vue.js动态组件解析
2016/09/09 Javascript
js实现图片360度旋转
2017/01/22 Javascript
原生js jquery ajax请求以及jsonp的调用方法
2017/08/04 jQuery
jquery ztree实现右键收藏功能
2017/11/20 jQuery
Cookbook组件形式:优化 Vue 组件的运行时性能
2018/11/25 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
2019/04/23 Javascript
vuex state中的数组变化监听实例
2019/11/06 Javascript
[03:40]2014DOTA2国际邀请赛 B神专访:躲箭真的很难
2014/07/13 DOTA
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
微信跳一跳游戏python脚本
2020/04/01 Python
Python3中的json模块使用详解
2018/05/05 Python
python编辑用户登入界面的实现代码
2018/07/16 Python
对Python+opencv将图片生成视频的实例详解
2019/01/08 Python
用Python徒手撸一个股票回测框架搭建【推荐】
2019/08/05 Python
Python数据存储之 h5py详解
2019/12/26 Python
django 多数据库及分库实现方式
2020/04/01 Python
使用python画出逻辑斯蒂映射(logistic map)中的分叉图案例
2020/12/11 Python
师范生自我鉴定范文
2013/10/05 职场文书
门诊挂号室室长岗位职责
2013/11/27 职场文书
真诚的求职信
2014/07/04 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
2015年读书月活动总结
2015/03/26 职场文书
浅谈JavaScript浅拷贝和深拷贝
2021/11/07 Javascript
SpringCloud Feign请求头删除修改的操作代码
2022/03/20 Java/Android