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自动生成对象的属性示例代码
Oct 28 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
jQuery实现跨域
Feb 03 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
jQuery表单插件ajaxForm实例详解
Jan 17 Javascript
Angular 4根据组件名称动态创建出组件的方法教程
Nov 01 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
总结js函数相关知识点
Feb 27 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
JavaScript高级程序设计之基本引用类型
Nov 17 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游戏编程25个脚本代码
2011/02/08 PHP
php绘图之加载外部图片的方法
2015/01/24 PHP
thinkphp3.2点击刷新生成验证码
2016/02/16 PHP
PHP实现字符串的全排列详解
2019/04/24 PHP
Prototype使用指南之string.js
2007/01/10 Javascript
Jquery 学习笔记(一)
2009/10/13 Javascript
加载列表时jquery获取ul中第一个li的属性
2014/11/02 Javascript
js ajaxfileupload.js上传报错的解决方法
2016/05/05 Javascript
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
js获取当前周、上一周、下一周日期
2017/03/19 Javascript
js的函数的按值传递参数(实例讲解)
2017/11/16 Javascript
对vue 键盘回车事件的实例讲解
2018/08/25 Javascript
vue.js响应式原理解析与实现
2020/06/22 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
2019/05/16 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
Node.js实现批量下载图片简单操作示例
2020/01/18 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
js实现详情页放大镜效果
2020/10/28 Javascript
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
Python+Pika+RabbitMQ环境部署及实现工作队列的实例教程
2016/06/29 Python
深入浅析Python的类
2018/06/22 Python
python制作图片缩略图
2019/04/30 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
CSS3 对过渡(transition)进行调速以及延时
2020/10/21 HTML / CSS
科颜氏加拿大官方网站: Kiehl’s加拿大
2016/08/16 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
鸡毛信观后感
2015/06/11 职场文书
三八节活动简报
2015/07/20 职场文书
中学校园广播稿
2015/08/18 职场文书
2016大学生党校学习心得体会
2016/01/06 职场文书
Python Django框架介绍之模板标签及模板的继承
2021/05/27 Python
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
Golang中channel的原理解读(推荐)
2021/10/16 Golang