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 相关文章推荐
让mayfish支持mysqli数据库驱动的实现方法
May 22 Javascript
基于Jquery的标签智能验证实现代码
Dec 27 Javascript
绑定回车enter事件代码
May 18 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
AngularJS监听路由变化的方法
Mar 07 Javascript
详解vue-router 2.0 常用基础知识点之router-link
May 10 Javascript
vue.js表单验证插件(vee-validate)的使用教程详解
May 23 Javascript
vue学习之Vue-Router用法实例分析
Jan 06 Javascript
js实现二级联动简单实例
Jan 11 Javascript
解决vue中provide inject的响应式监听
Apr 19 Vue.js
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
Windows中使用计划任务自动执行PHP程序实例
2014/05/09 PHP
PHP连接sql server 2005环境配置及问题解决
2014/08/08 PHP
php利用cookies实现购物车的方法
2014/12/10 PHP
php计算函数执行时间的方法
2015/03/20 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
js AspxButton的客户端操作
2009/06/26 Javascript
capacityFixed 基于jquery的类似于新浪微博新消息提示的定位框
2011/05/24 Javascript
js修改地址栏URL参数解决url参数问题
2012/12/15 Javascript
jquery遍历筛选数组的几种方法和遍历解析json对象
2013/12/13 Javascript
JavaScript声明变量时为什么要加var关键字
2014/09/29 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
javascript入门教程基础篇
2015/11/16 Javascript
javascript瀑布流式图片懒加载实例
2020/06/28 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
EasyUI的doCellTip实现鼠标放到单元格上提示单元格内容
2016/08/24 Javascript
基于vue的fullpage.js单页滚动插件
2017/03/20 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
js移动端事件基础及常用事件库详解
2017/08/15 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
vue项目出现页面空白的解决方案
2019/10/31 Javascript
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
Python os模块介绍
2014/11/30 Python
浅谈Python中函数的参数传递
2016/06/21 Python
python 多进程和协程配合使用写入数据
2020/10/30 Python
css3针对移动端卡顿问题的解决(动画性能优化)
2020/02/14 HTML / CSS
HTML5 Canvas中绘制椭圆的4种方法
2015/04/24 HTML / CSS
试述DBMS的主要功能
2016/11/13 面试题
买房子个人收入证明
2014/01/16 职场文书
初中信息技术教学计划
2015/01/22 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
培训简讯范文
2015/07/20 职场文书
python lambda 表达式形式分析
2022/04/03 Python
Python 一键获取电脑浏览器的账号密码
2022/05/11 Python