当前位置: 首页 > 编程笔记 >

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

酆俊远
2023-03-14
本文向大家介绍jQuery动态添加及删除表单上传元素的方法(附demo源码下载),包括了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动态添加可拖动元素完整实例(附demo源码下载),包括了jQuery动态添加可拖动元素完整实例(附demo源码下载)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery动态添加可拖动元素的方法。分享给大家供大家参考,具体如下: 运行效果截图如下: 具体代码如下: index.html: ProcessDesigner.css: drag.js: 完整实例代

  • 本文向大家介绍jQuery 添加元素和删除元素的方法,包括了jQuery 添加元素和删除元素的方法的使用技巧和注意事项,需要的朋友参考一下 添加新的 HTML 内容 我们将学习用于添加新内容的四个 jQuery 方法: append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插

  • 本文向大家介绍Vue.js实现表格动态增加删除的方法(附源码下载),包括了Vue.js实现表格动态增加删除的方法(附源码下载)的使用技巧和注意事项,需要的朋友参考一下 Vue.js Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。

  • 本文向大家介绍JQuery动态添加和删除表格行的方法,包括了JQuery动态添加和删除表格行的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JQuery动态添加和删除表格行的方法。分享给大家供大家参考。具体分析如下: 昨天做页面表格行动态添加和删除,看了无数的介绍,发现了一个好东东,JQuery。用它实现起来还真的是很方便,这个是我用到我们平台的一个方法。 后台使用的也是比较容易的,

  • 本文向大家介绍jQuery添加删除DOM元素方法详解,包括了jQuery添加删除DOM元素方法详解的使用技巧和注意事项,需要的朋友参考一下 本文实例分析了jQuery添加删除DOM元素的方法。分享给大家供大家参考,具体如下: 介绍 DOM是Document Object Modeule的缩写,一般来说,DOM操作分成3个方面。 1、DOM Core DOM Core并不专属于javascript,

  • 本文向大家介绍jquery增加和删除元素的方法,包括了jquery增加和删除元素的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery增加和删除元素的方法。分享给大家供大家参考。具体实现方法如下: 运行效果如下: 希望本文所述对大家的jQuery程序设计有所帮助。