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 相关文章推荐
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
改进版通过Json对象实现深复制的方法
Oct 24 Javascript
纯js和css实现渐变色包括静态渐变和动态渐变
May 29 Javascript
JsRender for index循环索引用法详解
Oct 31 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
window.onerror()的用法与实例分析
Jan 27 Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 Javascript
Js利用console计算代码运行时间的方法示例
Sep 24 Javascript
React styled-components设置组件属性的方法
Aug 07 Javascript
微信小程序 下拉刷新及上拉加载原理解析
Nov 06 Javascript
Vue插件之滑动验证码用法详解
Apr 05 Javascript
Vue如何将页面导出成PDF文件
Aug 17 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实现最简单的MVC框架实例教程
2014/09/08 PHP
PHP判断一个gif图片是否为动态图片的方法
2014/11/19 PHP
浅析php单例模式
2014/11/25 PHP
php输出指定时间以前时间格式的方法
2015/03/21 PHP
PHP递归创建多级目录
2015/11/05 PHP
Yii使用Captcha验证码的方法
2015/12/28 PHP
全新Mac配置PHP开发环境教程
2016/02/03 PHP
PHP设计模式之观察者模式定义与用法分析
2019/04/04 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
开发跨浏览器javascript常见注意事项
2009/01/01 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
JS实现适合于后台使用的动画折叠菜单效果
2015/09/21 Javascript
jquery基础知识第一讲之认识jquery
2016/03/17 Javascript
AngularJS入门教程之ng-class 指令用法
2016/08/01 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
详解Vue 事件驱动和依赖追踪
2017/04/22 Javascript
vue如何获取点击事件源的方法
2017/08/10 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
Javascript的this详解
2019/03/23 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
2019/03/28 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
Python的SQLalchemy模块连接与操作MySQL的基础示例
2016/07/11 Python
Python求一批字符串的最长公共前缀算法示例
2019/03/02 Python
python 3.8.3 安装配置图文教程
2020/05/21 Python
Django日志及中间件模块应用案例
2020/09/10 Python
Jupyter Notebook 安装配置与使用详解
2021/01/06 Python
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
中医临床专业自我鉴定范文
2014/01/15 职场文书
开业庆典主持词
2014/03/21 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
优秀英文求职信范文
2015/03/19 职场文书
五一晚会主持词
2015/07/01 职场文书
python如何获取网络数据
2021/04/11 Python
MySQL数据库 任意ip连接方法
2022/05/20 MySQL