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 主动派发事件总结
Aug 09 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
Nov 12 Javascript
jQuery对JSON数据进行排序输出的方法
Jun 24 Javascript
javascript实现拖放效果
Dec 16 Javascript
基于jQuery仿淘宝产品图片放大镜特效
Oct 19 Javascript
微信小程序 for 循环详解
Oct 09 Javascript
JS比较两个数值的大小实例
Nov 25 Javascript
浅析上传头像示例及其注意事项
Dec 14 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
Aug 29 jQuery
用vue写一个仿简书的轮播图的示例代码
Mar 13 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
Aug 08 jQuery
适用于 Vue 的播放器组件Vue-Video-Player操作
Nov 16 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判断远程图片是否存在的几种方法
2014/05/04 PHP
php简单实现多字节字符串翻转的方法
2015/03/31 PHP
JavaScript 拖拉缩放效果
2008/12/10 Javascript
jQuery动态添加 input type=file的实现代码
2012/06/14 Javascript
使用js简单实现了tree树菜单
2013/11/20 Javascript
jquery实现的下拉和收缩效果示例
2014/08/21 Javascript
jQuery实现设置、移除文本框默认值功能
2015/01/13 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
2015/03/03 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
2016/10/26 Javascript
Vue keep-alive实践总结(推荐)
2017/08/31 Javascript
Vue.js2.0中的变化小结
2017/10/24 Javascript
vue实现微信分享功能
2018/11/28 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
2018/12/26 Javascript
JavaScript实现图片上传并预览并提交ajax
2019/09/30 Javascript
three.js利用卷积法如何实现物体描边效果
2019/11/27 Javascript
PyQt 线程类 QThread使用详解
2017/07/16 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
Python3.4 tkinter,PIL图片转换
2018/06/21 Python
python 删除字符串中连续多个空格并保留一个的方法
2018/12/22 Python
python__name__原理及用法详解
2019/11/02 Python
Python有参函数使用代码实例
2020/01/06 Python
深入了解Python 变量作用域
2020/07/24 Python
python中判断文件结束符的具体方法
2020/08/04 Python
python关于倒排列的知识点总结
2020/10/13 Python
HTML5 video播放器全屏(fullScreen)方法实例
2015/04/24 HTML / CSS
家乐福台湾线上购物网:Carrefour台湾
2020/09/15 全球购物
企业授权委托书范本
2014/04/02 职场文书
大学生就业自荐书
2014/06/16 职场文书
建筑学专业自荐书
2014/07/09 职场文书
党员查摆四风问题思想汇报
2014/10/25 职场文书
基层党员群众路线整改措施及努力方向
2014/10/28 职场文书
2014年民政工作总结
2014/11/26 职场文书
奖励申请报告范文
2015/05/15 职场文书
中学生打架检讨书之500字
2019/08/06 职场文书
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python