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 相关文章推荐
JS中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
输入自动提示搜索提示功能的使用说明:sugggestion.txt
Sep 02 Javascript
详解Bootstrap创建表单的三种格式(一)
Jan 04 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
用headjs来管理和加载js 提高网站加载速度
Nov 29 Javascript
vue.js学习之递归组件
Dec 13 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 jQuery
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
利用Electron简单撸一个Markdown编辑器的方法
Jun 10 Javascript
vue 实现用户登录方式的切换功能
Apr 14 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 页面编码声明方法详解(header或meta)
2010/03/12 PHP
php实现改变图片直接打开为下载的方法
2015/04/14 PHP
PHP会话控制实例分析
2016/12/24 PHP
使用PHPMailer发送邮件实例
2017/02/15 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
PHP htmlspecialchars()函数用法与实例讲解
2019/03/08 PHP
jquery validation插件表单验证的一个例子
2010/03/03 Javascript
基于jquery的无刷新分页技术
2011/06/11 Javascript
从面试题学习Javascript 面向对象(创建对象)
2012/03/30 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
24款热门实用的jQuery插件推荐
2014/12/24 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
代码详解javascript模块加载器
2018/03/04 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
vue.js的状态管理vuex中store的使用详解
2019/11/08 Javascript
Vue结合路由配置递归实现菜单栏功能
2020/06/16 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
自动化Nginx服务器的反向代理的配置方法
2015/06/28 Python
python的keyword模块用法实例分析
2015/06/30 Python
使用Python来开发Markdown脚本扩展的实例分享
2016/03/04 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
详解python深浅拷贝区别
2019/06/24 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
Hotter Shoes美国官网:英国最受欢迎的舒适鞋
2018/08/02 全球购物
计算机应用专业应届毕业生中文求职信范文
2013/11/29 职场文书
高一地理教学反思
2014/01/18 职场文书
食品业务员岗位职责
2014/03/18 职场文书
竞选班干部演讲稿100字
2014/08/20 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
人身损害赔偿协议书
2016/03/22 职场文书
学校2016年全国助残日活动总结
2016/04/01 职场文书
Netty客户端接入流程NioSocketChannel创建解析
2022/03/25 Java/Android