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高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
Feb 27 Javascript
xml转json的js代码
Aug 28 Javascript
js自定义事件及事件交互原理概述(一)
Feb 01 Javascript
使用闭包对setTimeout进行简单封装避免出错
Jul 10 Javascript
javascript loadScript异步加载脚本示例讲解
Nov 14 Javascript
javascript实现无限级select联动菜单
Jan 02 Javascript
原生js与jQuery实现简单的tab切换特效对比
Jul 30 Javascript
jQuery实现本地预览上传图片功能
Jan 08 Javascript
Webpack4+Babel7+ES6兼容IE8的实现
Apr 10 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
Apr 14 Javascript
easyUI 实现的后台分页与前台显示功能示例
Jun 01 Javascript
JavaScript实现简单动态表格
Dec 02 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/12/02 PHP
Yii视图CGridView列表用法实例分析
2016/07/12 PHP
基于Swoole实现PHP与websocket聊天室
2016/08/03 PHP
php阳历转农历优化版
2016/08/08 PHP
PHP常用正则表达式精选(推荐)
2019/05/28 PHP
JavaScript效率调优经验
2009/06/04 Javascript
js 字符串操作函数
2009/07/25 Javascript
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
2013/04/19 Javascript
介绍一个简单的JavaScript类框架
2015/06/24 Javascript
jquery图片滚动放大代码分享(1)
2015/08/25 Javascript
Node.js使用orm2进行update操作时关联字段无法修改的解决方法
2017/06/13 Javascript
JavaScript动态绑定详解
2017/09/14 Javascript
vue项目优化之通过keep-alive数据缓存的方法
2017/12/11 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
2019/08/09 Javascript
Vue-CLI与Vuex使用方法实例分析
2020/01/06 Javascript
浅析Vue 中的 render 函数
2020/02/28 Javascript
vue中使用v-for时为什么不能用index作为key
2020/04/04 Javascript
Python 和 JS 有哪些相同之处
2017/11/23 Python
解决PyCharm import torch包失败的问题
2018/10/13 Python
python批量下载抖音视频
2019/06/17 Python
python中的数组赋值与拷贝的区别详解
2019/11/26 Python
pytorch实现线性拟合方式
2020/01/15 Python
Python 存取npy格式数据实例
2020/07/01 Python
解决Python3.8运行tornado项目报NotImplementedError错误
2020/09/02 Python
matplotlib 多个图像共用一个colorbar的实现示例
2020/09/10 Python
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
北京一家公司的.net开发工程师笔试题
2012/04/17 面试题
介绍一下Python下range()函数的用法
2013/11/07 面试题
普通大学毕业生自荐信
2013/11/04 职场文书
学生就业推荐信
2013/11/13 职场文书
班组长安全生产职责
2013/12/16 职场文书
物流业务员岗位职责
2014/02/08 职场文书
旷课检讨书范文
2015/01/27 职场文书
村官个人总结范文
2015/03/03 职场文书
终止合同协议书范本
2016/03/22 职场文书