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用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 Javascript
JavaScript实现简单的tab选项卡切换
Jan 05 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
js提示框替代系统alert,自动关闭alert对话框的实现方法
Nov 07 Javascript
微信小程序 天气预报开发实例代码源码
Jan 20 Javascript
JavaScript实现打印星型金字塔功能实例分析
Sep 27 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
微信小程序实现下拉刷新动画
Jun 21 Javascript
JS sort方法基于数组对象属性值排序
Jul 10 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的preg_match匹配字符串长度问题解决方法
2014/05/03 PHP
php实现过滤UBB代码的类
2015/03/12 PHP
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
javacript获取当前屏幕大小
2016/06/04 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
2016/06/26 Javascript
功能强大的Bootstrap组件(结合js)
2016/08/03 Javascript
NodeJS实现客户端js加密
2017/01/09 NodeJs
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
使用Webpack提高Vue.js应用的方式汇总(四种)
2017/07/10 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)
2018/08/24 Javascript
基于webpack4.X从零搭建React脚手架的方法步骤
2018/12/23 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
Python中shutil模块的常用文件操作函数用法示例
2016/07/05 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
对python中Matplotlib的坐标轴的坐标区间的设定实例讲解
2018/05/25 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
Django 内置权限扩展案例详解
2019/03/04 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
PyQt5中多线程模块QThread使用方法的实现
2020/01/31 Python
Django查询优化及ajax编码格式原理解析
2020/03/25 Python
python openssl模块安装及用法
2020/12/06 Python
美国婚礼礼品网站:MyWeddingFavors
2018/09/26 全球购物
怎样从/向数据文件读/写结构
2014/11/23 面试题
审核会计岗位职责
2013/11/08 职场文书
九年级物理教学反思
2014/01/29 职场文书
校园标语大全
2014/06/19 职场文书
2014乡镇班子个人对照检查材料思想汇报
2014/09/26 职场文书
网聊搭讪开场白
2015/05/28 职场文书
Window server中安装Redis的超详细教程
2021/11/17 Redis
Python socket如何解析HTTP请求内容
2022/02/12 Python
vue配置型表格基于el-table拓展之table-plus组件
2022/04/12 Vue.js