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 相关文章推荐
如何实现iframe(嵌入式帧)的自适应高度
Jul 26 Javascript
window.location和document.location的区别分析
Dec 23 Javascript
JavaScript 判断日期格式是否正确的实现代码
Jul 04 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
js实现幻灯片效果(基于jquery插件)
Nov 05 Javascript
$.each遍历对象、数组的属性值并进行处理
Jul 18 Javascript
使用typeof判断function是否存在于上下文
Aug 14 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
Aug 17 Javascript
JavaScript 中的 this 工作原理
Jun 20 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
小程序websocket心跳库(websocket-heartbeat-miniprogram)
Feb 23 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 7新特性之类型申明详解
2017/06/06 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载
2007/08/08 Javascript
setTimeout 不断吐食CPU的问题分析
2009/04/01 Javascript
javascript 异常处理使用总结
2009/06/21 Javascript
javascript使用activex控件的代码
2011/01/27 Javascript
stream.js 一个很小、完全独立的Javascript类库
2011/10/28 Javascript
Jquery 自定义动画概述及示例
2013/03/29 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
JS实现图片放大镜效果的方法
2015/02/27 Javascript
JS实现动态给图片添加边框的方法
2015/04/01 Javascript
EasyUI学习之Combobox级联下拉列表(2)
2016/12/29 Javascript
如何在Angular2中使用jQuery及其插件的方法
2017/02/09 Javascript
JS二叉树的简单实现方法示例
2017/04/05 Javascript
最通俗易懂的javascript变量提升详解
2017/08/05 Javascript
vue服务端渲染的实例代码
2017/08/28 Javascript
webpack实现一个行内样式px转vw的loader示例
2018/09/13 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
Vue实现导航栏的显示开关控制
2019/11/01 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
[36:13]Mineski vs iG 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
pyside写ui界面入门示例
2014/01/22 Python
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
利用python的socket发送http(s)请求方法示例
2018/05/07 Python
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
Django使用redis缓存服务器的实现代码示例
2019/04/28 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
PyQt5.6+pycharm配置以及pyinstaller生成exe(小白教程)
2020/06/02 Python
HTML5 新表单类型示例代码
2018/03/20 HTML / CSS
英国领先的奢侈品零售商之一:CRUISE
2016/12/02 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
个人租房协议书
2014/04/09 职场文书
另类冲刺标语
2014/06/24 职场文书
开服装店计划书
2014/08/15 职场文书
2014年党员自我评议总结
2014/09/23 职场文书
务工证明怎么写
2015/06/18 职场文书