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 相关文章推荐
用JQuery 实现的自定义对话框
Mar 24 Javascript
jquery api参考 visualjquery 中国线路 速度快
Nov 30 Javascript
广泛收集的jQuery拖放插件集合
Apr 09 Javascript
JavaScript 判断浏览器是否支持SVG的代码
Mar 21 Javascript
使用JS取得焦点(focus)元素代码
Mar 22 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
基于Jquery插件实现跨域异步上传文件功能
Apr 26 Javascript
vue.js评论发布信息可插入QQ表情功能
Aug 08 Javascript
微信小程序三级联动选择器使用方法
May 19 Javascript
使用vue-cli打包过程中的步骤以及问题的解决
May 08 Javascript
vue仿element实现分页器效果
Sep 13 Javascript
jquery多级树形下拉菜单的实例代码
Jul 09 jQuery
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 和 XML: 使用expat函数(三)
2006/10/09 PHP
Win2003服务器安全加固设置--进一步提高服务器安全性
2007/05/23 PHP
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
php计划任务之验证是否有多个进程调用同一个job的方法
2015/12/07 PHP
js中的string.format函数代码
2020/08/11 Javascript
js onload处理html页面加载之后的事件
2013/10/30 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
将数字转换成大写的人民币表达式的js函数
2014/09/21 Javascript
Node.js 制作实时多人游戏框架
2015/01/08 Javascript
IE6-IE9使用JSON、table.innerHTML所引发的问题
2015/12/22 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
jquery编写Tab选项卡滚动导航切换特效
2020/07/17 Javascript
BootStrap实现树形目录组件代码详解
2016/06/21 Javascript
jQuery学习笔记之回调函数
2016/08/15 Javascript
JSON 数据格式详解
2017/09/13 Javascript
浅谈Vuejs中nextTick()异步更新队列源码解析
2017/12/31 Javascript
详解如何用VUE写一个多用模态框组件模版
2018/09/27 Javascript
Python爬虫爬验证码实现功能详解
2016/04/14 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
Django实现组合搜索的方法示例
2018/01/23 Python
python os.fork() 循环输出方法
2019/08/08 Python
Centos7 下安装最新的python3.8
2019/10/28 Python
如何使用python进行pdf文件分割
2019/11/11 Python
基于python检查SSL证书到期情况代码实例
2020/04/04 Python
python文件操作seek()偏移量,读取指正到指定位置操作
2020/07/05 Python
美国第一大药店连锁机构:Walgreens(沃尔格林)
2019/10/10 全球购物
Conforama瑞士:家具、厨房、电器、装饰
2020/09/06 全球购物
英文版区域经理求职信
2013/10/23 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
2014年三八妇女节活动方案
2014/02/28 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
土建技术员岗位职责
2015/04/11 职场文书
2015年幼儿园中班开学寄语
2015/05/27 职场文书
《观察物体》教学反思
2016/02/17 职场文书
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server