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 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
javascript中万恶的function实例分析
May 25 Javascript
jQuery实现鼠标可拖动调整表格列宽度
May 26 Javascript
JS定义网页表单提交(submit)的方法
Mar 20 Javascript
JavaScript中数据结构与算法(二):队列
Jun 19 Javascript
基于js对象,操作属性、方法详解
Aug 11 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
Javascript中数组去重与拍平的方法示例
Feb 03 Javascript
angular-cli修改端口号【angular2】
Apr 19 Javascript
详谈js原型继承的一些问题
Sep 06 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
gulp构建小程序的方法步骤
May 31 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
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP面向对象五大原则之里氏替换原则(LSP)详解
2018/04/08 PHP
Javascript优化技巧(文件瘦身篇)
2008/01/28 Javascript
小型js框架veryide.librar源代码
2009/03/05 Javascript
javascript 中String.match()与RegExp.exec()的区别说明
2013/01/10 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
利用ajaxfileupload插件实现文件上传无刷新的具体方法
2013/06/08 Javascript
javascript版的in_array函数(判断数组中是否存在特定值)
2014/05/09 Javascript
JavaScript使用function定义对象并调用的方法
2015/03/23 Javascript
实例详解AngularJS实现无限级联动菜单
2016/01/15 Javascript
vue-resourse将json数据输出实例
2017/03/08 Javascript
Vue.js弹出模态框组件开发的示例代码
2017/07/26 Javascript
为vue-router懒加载时下载js的过程中添加loading提示避免无响应问题
2018/04/03 Javascript
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
vue 查看dist文件里的结构(多种方式)
2020/01/17 Javascript
linux服务器快速卸载安装node环境(简单上手)
2021/02/22 Javascript
编写简单的Python程序来判断文本的语种
2015/04/07 Python
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
用python写个自动SSH登录远程服务器的小工具(实例)
2017/06/17 Python
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
浅析python协程相关概念
2018/01/20 Python
详谈Pandas中iloc和loc以及ix的区别
2018/06/08 Python
Python开启线程,在函数中开线程的实例
2019/02/22 Python
python使用KNN算法识别手写数字
2019/04/25 Python
Django集成搜索引擎Elasticserach的方法示例
2019/06/04 Python
python性能测量工具cProfile使用解析
2019/09/26 Python
Python函数式编程实例详解
2020/01/17 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
韩国保养品、日本药妆购物网:小三美日
2018/12/30 全球购物
《大自然的语言》教学反思
2014/04/08 职场文书
中英文求职信范文
2015/03/19 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
2019年XX公司的晨会制度及流程!
2019/07/23 职场文书