jQuery动态添加 input type=file的实现代码


Posted in Javascript onJune 14, 2012
<form id="fileForm" action="" method="post" enctype="multipart/form-data"> 
<tr> 
<td> 
<input type="file" name="file"><input type="button" id="addButon" value="Add" onclick="add()"> 
</td> 
</tr> 
</form>

核心jquery代码
//添加一行<tr> 
function add() { 
var content = "<tr><td>"; 
content += "<input type='file' name='file'><input type='button' value='Remove' onclick='remove(this)'>"; 
content += "</td></tr>" 
$("#fileForm").append(content); 
} 
//删除当前行<tr> 
function remove(obj) { 
$(obj).parent().parent().remove(); 
}

三水点靠木整理的在线演示:http://demo.3water.com/jquery/juqery_input/

Javascript 相关文章推荐
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
JS实现清除指定cookies的方法
Sep 20 Javascript
Javascript中的call()方法介绍
Mar 15 Javascript
javascript实现延时显示提示框效果
Jun 01 Javascript
详解vue项目构建与实战
Jun 27 Javascript
微信JSAPI Ticket接口签名详解
Jun 28 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
vue+element 模态框表格形式的可编辑表单实现
Jun 07 Javascript
axios实现文件上传并获取进度
Mar 25 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
Aug 19 Javascript
vue配置多代理服务接口地址操作
Sep 08 Javascript
JavaScript实现网页tab栏效果制作
Nov 20 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
Jun 14 #Javascript
基于jQuery的烟花效果(运动相关)点击屏幕出烟花
Jun 14 #Javascript
基于jQuery的360图片展示实现代码
Jun 14 #Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
Jun 14 #Javascript
jquery 之 $().hover(func1, funct2)使用方法
Jun 14 #Javascript
Javascript生成json的函数代码(可以用php的json_decode解码)
Jun 11 #Javascript
javascript倒计时功能实现代码
Jun 07 #Javascript
You might like
php实现首页链接查询 友情链接检查的代码
2010/01/05 PHP
php教程之phpize使用方法
2014/02/12 PHP
php内存缓存实现方法
2015/01/24 PHP
PHP生成唯一ID之SnowFlake算法
2016/12/17 PHP
PDO::beginTransaction讲解
2019/01/27 PHP
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
用jQuery模拟页面加载进度条的实现代码
2011/12/19 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
2014/10/16 Javascript
jQuery中Form相关知识汇总
2015/01/06 Javascript
自己编写的支持Ajax验证的JS表单验证插件
2015/05/15 Javascript
jquery分析文本里url或邮件地址为真实链接的方法
2015/06/20 Javascript
详解WordPress开发中get_current_screen()函数的使用
2016/01/11 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
2017/04/27 Javascript
AngularJS中ng-class用法实例分析
2017/07/06 Javascript
nodejs更改项目端口号的方法
2018/05/13 NodeJs
讲解vue-router之什么是动态路由
2018/05/28 Javascript
Bootstrap导航菜单点击后无法自动添加active的处理方法
2018/08/10 Javascript
基于js Canvas实现二次贝塞尔曲线
2018/12/25 Javascript
微信小程序 网络通信实现详解
2019/07/23 Javascript
微信小程序3D轮播实现代码
2019/09/19 Javascript
JS实现按比例缩小图片宽高
2020/08/24 Javascript
Python功能键的读取方法
2015/05/28 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
python实现logistic分类算法代码
2020/02/28 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
CSS3实现精美横向滚动菜单按钮
2017/04/14 HTML / CSS
自主招生自荐信范文
2013/12/04 职场文书
大学毕业生求职自荐信
2014/02/20 职场文书
质量在我心中演讲稿
2014/09/02 职场文书
2014年银行员工年终自我评价
2014/09/19 职场文书
2015年国际护士节演讲稿
2015/03/18 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
《我的长生果》教学反思
2016/02/20 职场文书
创业计划书之电动车企业
2019/10/11 职场文书
python中的sys模块和os模块
2022/03/20 Python
小程序实现侧滑删除功能
2022/06/25 Javascript