脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → jQuery动态添加及删除表单上传元素

jQuery动态添加及删除表单上传元素的方法(附demo源码下载)

 更新时间：2016年01月15日 10:27:31   作者：xpsharp  
这篇文章主要介绍了jQuery动态添加及删除表单上传元素的方法,涉及jQuery的事件动态绑定及页面元素动态操作技巧,并附带了demo源码供读者下载参考,代码非常简洁实用,需要的朋友可以参考下

本文实例讲述了jQuery动态添加及删除表单上传元素的方法。分享给大家供大家参考，具体如下：

运行效果截图如下：

点击此处查看在线演示效果。

具体代码如下：

<html>
<head>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $(":input[type=button][value=more]").bind("click",function(){
 var $br = $("<br />");
 var $file = $("<input type='file' name='name1' />");
 var $button = $("<input type='button' value='delete'>");
 $(this).after($file).after($button).after($br);
 $button.bind("click",function(){
  $br.remove();
  $file.remove();
  $button.remove();
 })
 })
});
</script>
</head>
<body>
<input type="file" name="file1" /><input type="button" value="more" />
</body>
</html>

完整实例代码点击此处本站下载。

希望本文所述对大家jQuery程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • JQuery的Ajax请求实现局部刷新的简单实例

    JQuery的Ajax请求实现局部刷新的简单实例

    本篇文章只要是对JQuery的Ajax请求实现局部刷新的简单实例进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助
    2014-02-02
  • javascript jQuery插件练习

    javascript jQuery插件练习

    对于想学习制作jquery 插件的朋友需要用的到。
    2008-12-12
  • jQuery中closest()函数用法实例

    jQuery中closest()函数用法实例

    这篇文章主要介绍了jQuery中closest()函数用法,实例分析了closest()函数的功能、定义及匹配元素的各种技巧,需要的朋友可以参考下
    2015-01-01
  • 用jQuery实现优酷首页轮播图

    用jQuery实现优酷首页轮播图

    本文主要介绍了用jQuery实现优酷首页轮播图的思路与方法。具有一定的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • JQuery元素快速查找与操作

    JQuery元素快速查找与操作

    本篇文章给大家分享了关于JQuery元素查找与操作的相关技巧和流程，对此有需要的朋友可以跟着学习参考下。
    2018-04-04
  • jquery弹出关闭遮罩层实例

    jquery弹出关闭遮罩层实例

    这篇文章介绍了jquery弹出关闭遮罩层实例，有需要的朋友可以参考一下
    2013-08-08
  • jquery滚动加载数据的方法

    jquery滚动加载数据的方法

    这篇文章主要介绍了jquery滚动加载数据的方法,实例分析了jQuery动态加载数据的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JQueryEasyUI Layout布局框架的使用

    JQueryEasyUI Layout布局框架的使用

    本篇文章小编为大家介绍JQueryEasyUI Layout布局框架的使用，有需要的朋友可以参考一下
    2013-04-04
  • 20款超赞的jQuery插件 Web开发人员必备

    20款超赞的jQuery插件 Web开发人员必备

    jQuery的易扩展性吸引了来自全球的开发者来共同编写jQuery插件。jQuery插件不仅能够增强网站的可用性，有效地改善用户体验，还可以大大减少开发时间。现在的jQuery插件很多，可以根据您的项目需要来选择。这里为您介绍20款非常不错的插件。
    2011-02-02
  • xheditor与validate插件冲突的解决方案

    xheditor与validate插件冲突的解决方案

    xheditor和validate都是优秀的jQuery插件，但将两者组合到起，如果初始化的顺序不当，则会出现一些微妙的结果。
    2010-04-04

最新评论