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 文件夹选择框的两种解决方案
Jul 01 Javascript
IE事件对象(The Internet Explorer Event Object)
Jun 27 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 Javascript
引用外部脚本时script标签关闭的写法
Jan 20 Javascript
jquery批量设置属性readonly和disabled的方法
Jan 24 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
Bootstrap3.0学习教程之JS折叠插件
May 27 Javascript
easyui中combotree循环获取父节点至根节点并输出路径实现方法
Nov 10 Javascript
jQuery post数据至ashx实例详解
Nov 18 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 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
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
PHP 面向对象程序设计(oop)学习笔记(一) - 抽象类、对象接口、instanceof 和契约式编程
2014/06/12 PHP
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
PHP用swoole+websocket和redis实现web一对一聊天
2019/11/05 PHP
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
js 输出内容到新窗口具体实现代码
2013/05/31 Javascript
extjs两个tbar问题探讨
2013/08/08 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
php is_numberic函数造成的SQL注入漏洞
2014/03/10 Javascript
Jquery轮播效果实现过程解析
2016/03/30 Javascript
灵活使用数组制作图片切换js实现
2016/07/28 Javascript
懒加载实现的分页&amp;&amp;网站footer自适应
2016/12/21 Javascript
Bootstrap BootstrapDialog使用详解
2017/02/17 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
开发Vue树形组件的示例代码
2017/12/21 Javascript
关于vue的npm run dev和npm run build的区别介绍
2019/01/14 Javascript
Flutter部件内部状态管理小结之实现Vue的v-model功能
2019/06/11 Javascript
[02:28]DOTA2英雄基础教程 灰烬之灵
2013/12/19 DOTA
基于Python的接口测试框架实例
2016/11/04 Python
win7上python2.7连接mysql数据库的方法
2017/01/14 Python
Python实现字典按照value进行排序的方法分析
2017/12/23 Python
对python mayavi三维绘图的实现详解
2019/01/08 Python
python二维码操作:对QRCode和MyQR入门详解
2019/06/24 Python
Pandas数据离散化原理及实例解析
2019/11/16 Python
结束运行python的方法
2020/06/16 Python
Django执行源生mysql语句实现过程解析
2020/11/12 Python
欧洲第一的摇滚和金属乐队服装网站:EMP
2017/10/26 全球购物
内部类的定义、种类以及优点
2013/10/16 面试题
好邻里事迹材料
2014/01/16 职场文书
探矿工程师自荐信
2014/01/24 职场文书
幼儿园保育员岗位职责
2014/04/13 职场文书
车位出租协议书范本
2016/03/19 职场文书