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 while语句和do while语句的区别分析
Dec 08 Javascript
js操作select控件的几种方法
Jun 02 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
Feb 11 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
arguments对象验证函数的参数是否合法
Jun 26 Javascript
JavaScript中Null与Undefined的区别解析
Jun 30 Javascript
jquery验证邮箱格式是否正确实例讲解
Nov 16 Javascript
AngularJS身份验证的方法
Feb 17 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
May 10 Javascript
移动端脚本框架Hammer.js
Dec 15 Javascript
使用angular帮你实现拖拽的示例
Jul 05 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 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
ThinkPHP写第一个模块应用
2012/02/20 PHP
PHP的MVC模式实现原理分析(一相简单的MVC框架范例)
2014/04/29 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
PHP引用返回用法示例
2016/05/28 PHP
PHP使用星号替代用户名手机和邮箱的实现代码
2018/02/07 PHP
JavaScript中的History历史对象
2008/01/16 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
2009/10/28 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
为什么Node.js会这么火呢?Node.js流行的原因
2014/12/01 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
2015/04/27 Javascript
js给selected添加options的方法
2015/05/06 Javascript
JS函数的几种定义方式分析
2015/12/17 Javascript
概述jQuery中的ajax方法
2016/12/16 Javascript
微信小程序 开发之快递查询功能的实现
2017/01/09 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
详解基于 axios 的 Vue 项目 http 请求优化
2017/09/04 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
利用ECharts.js画K线图的方法示例
2018/01/10 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
vue+iview+less+echarts实战项目总结
2018/02/22 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
JavaScript实现的拼图算法分析
2019/02/13 Javascript
Python3 加密(hashlib和hmac)模块的实现
2017/11/23 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
Python实现socket非阻塞通讯功能示例
2019/11/06 Python
python pandas移动窗口函数rolling的用法
2020/02/29 Python
python matplotlib imshow热图坐标替换/映射实例
2020/03/14 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
一家外企的面试题目(C/C++面试题,C语言面试题)
2014/03/24 面试题
正规的求职信范文分享
2013/12/11 职场文书
入学生会自荐书范文
2014/02/05 职场文书
吃空饷专项治理工作实施方案
2014/03/04 职场文书
校运动会广播稿300字
2014/10/07 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
php中pcntl_fork详解
2021/04/01 PHP