文档章节

jquery动态增加与删除文件上传框

Adam-Lee
 Adam-Lee
发布于 2012/04/09 10:02
字数 135
阅读 1.1K
收藏 0

common.js:

$(function(){
    $('.add').live('click',function(){
        var _html = '<div>'+$(this).parents('div').html()+'</div>';
        $(this).parents('div').after(_html);
    })
    $('.remove').live('click',function(){
        var index = $(this).parents('div').index();
        if(index > 0){
            $(this).parents('div').remove();
        }
    })
})

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>test jquery</title>
<script src='jquery.js'></script>
<script src='common.js'></script>
<style>
form div{ margin:10px 0px;}
</style>
</head>
<body>
<form>
<div>
<input type='file' name='file' /><input type='button' class='add' value='+' /><input type='button' class='remove' value='-' />
</div>
</form>
</div>
</body>
</html>

备注:访问index.html,单击'+'或'-'即可看到效果。

© 著作权归作者所有

Adam-Lee
粉丝 50
博文 118
码字总数 166965
作品 0
深圳
程序员
私信 提问
加载中

评论(1)

小冷不冷
小冷不冷
十分感谢!!!
12 个必要的 jQuery 表单插件

Web表单是网站中很常见的Web组件,你用它来收集数据,用户的详细信息等。然而,现有的表单限制很多,功能比较简单,尽管有 HTML5 ,不幸的是,并非所有浏览器都支持它,所以现在我们可以使用...

红薯
2012/03/28
5.8K
8
jquery常用的插件1000收集

花N长时间积累的Jquery插件,希望大家喜欢。大家还有什么新的插件,请留言,我们一并收录。 感谢大家的支持。 1.accordion类 基于jQuery开发,非常简单的水平方向折叠控件。 Horizontal acc...

Alic
2011/03/07
9.3K
6
jQuery File Upload 的基本使用

jQuery File Upload 是一个Jquery图片上传组件,支持多文件上传、取消、删除,上传前缩略图预览、列表显示图片大小,支持上传进度条显示;支持各种动态语言开发的服务器端。 一、最少配置 <!...

不正经啊不正经
2015/01/04
1W
0
10 新鲜的 jQuery 插件(2012年1月)

1. jQuery UI Bootstrap 一个基于 Twitter Bootstrap 的 jQuery UI 主题 2. jqGrid 这是非常棒的jQuery 表格插件,在线演示:here. 3. Cloud Zoom Cloud Zoom 是一个小型的图像放大镜插件,放...

红薯
2012/02/01
4.8K
6
25 个模仿 Facebook 界面的 jQuery 插件

本文介绍 25 个 jQuery 插件,主要用于模仿 Facebook 界面,例如模仿对话框、头像识别、消息流和菜单等等。 Hovercard 预览提示信息卡,例如鼠标移到某个链接上就会有个弹出层提示链接的相关...

红薯
2011/11/24
6.2K
3

没有更多内容

加载失败,请刷新页面

加载更多

Android MVP 快速开发框架ZBLibrary

MVP 架构,提供一套开发标准(View,Data,Event)以及模板和工具类并规范代码。封装层级少,简单高效兼容性好。 OKHttp、UIL图片加载、ZXing二维码、沉浸状态栏、下载安装、自动缓存以及各种B...

boonya
9分钟前
15
0
printf的格式很长的论点是什么?

printf函数采用参数类型,例如%d或%i用于signed int 。 但是,我没有看到任何long价值的东西。 #1楼 如果您打算像我一样打印unsigned long long ,请使用: unsigned long long n;printf("...

技术盛宴
15分钟前
19
0
为BlueLake主题增加图片放大效果

fancyBox 是一个流行的媒体展示增强组件,可以方便为网站添加图片放大、相册浏览、视频弹出层播放等效果。优点有使用简单,支持高度自定义,兼顾触屏、响应式移动端特性,总之使用体验相当好...

CREATE_17
16分钟前
21
0
如何将现有的Git存储库导入另一个?

我在名为XXX的文件夹中有一个Git存储库,还有第二个名为YYY的 Git存储库。 我想将XXX存储库作为名为ZZZ的子目录导入YYY存储库,并将所有XXX的更改历史记录添加到YYY 。 之前的文件夹结构: ...

javail
30分钟前
10
0
JSP-Servlet入门2之JSP运行原理(一)

JSP全名为Java Server Pages,中文名叫java服务器页面,是一种动态页面技术 。实际上JSP是指在HTML中嵌入java脚本语言, 一、 JSP起源 在很多动态网页中,绝大部分内容都是固定不变的,只有局...

橘子_
58分钟前
12
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部