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 相关文章推荐
jQuery EasyUI API 中文文档 - Pagination分页
Sep 29 Javascript
查找iframe里元素的方法可传参
Sep 11 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
JavaScript生成带有缩进的表格代码
Jun 15 Javascript
JavaScript关于提高网站性能的几点建议(一)
Jul 24 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
js仿搜狐视频记录片列表展示效果
May 30 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
JS秒杀倒计时功能完整实例【使用jQuery3.1.1】
Sep 03 jQuery
VuePress 中如何增加用户登录功能
Nov 29 Javascript
Vue中fragment.js使用方法小结
Feb 17 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 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
joomla内置的表单验证功能使用方法
2010/06/11 PHP
zen cart新进商品的随机排序修改方法
2010/09/10 PHP
php 生成签名及验证签名详解
2016/10/26 PHP
php使用函数pathinfo()、parse_url()和basename()解析URL
2016/11/25 PHP
PHP编程中的Session阻塞问题与解决方法分析
2017/08/07 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
在JS中如何调用JSP中的变量
2014/01/22 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
jQuery实现的指纹扫描效果实例(附演示与demo源码下载)
2016/01/26 Javascript
详解javascript实现瀑布流列式布局
2016/01/29 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
详解用node编写自己的cli工具
2017/05/23 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
详解Vue 中 extend 、component 、mixins 、extends 的区别
2017/12/20 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
新手必须知的Node.js 4个JavaScript基本概念
2018/09/16 Javascript
小程序实现留言板
2018/11/02 Javascript
vue 中几种传值方法(3种)
2019/11/12 Javascript
angular inputNumber指令输入框只能输入数字的实现
2019/12/03 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
2020/10/28 Javascript
python统计日志ip访问数的方法
2015/07/06 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
python中的常量和变量代码详解
2018/07/25 Python
Python3 Tkinter选择路径功能的实现方法
2019/06/14 Python
英国最大的在线床超市:Bed Star
2019/01/24 全球购物
优秀企业获奖感言
2014/02/01 职场文书
护士自我鉴定怎么写
2014/02/07 职场文书
科技开发中心办公室主任岗位责任制
2014/02/10 职场文书
感恩的演讲稿
2014/05/06 职场文书
图书室标语
2014/06/21 职场文书
改革共识倡议书
2014/08/29 职场文书
有关三国演义的读书笔记
2015/06/25 职场文书
小学入学感言
2015/08/01 职场文书
Golang: 内建容器的用法
2021/05/05 Golang