博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery 实现 点击一个按钮添加多个div
阅读量:4670 次
发布时间:2019-06-09

本文共 931 字,大约阅读时间需要 3 分钟。

<script type="text/javascript">

var blockNum=10;
$(document).ready(function(){
var parentDom=$('#father').find("form"),oriDom=parentDom.children(":first");
$('.btnAdd').click(function(){
var clLength=parentDom.children().length;
if(blockNum>clLength){
var nowDom=oriDom.clone();
nowDom.children(":first").text('配置');
parentDom.append(nowDom);
}
else return false;
});
$('.btnSub').click(function(){
$('.conform').submit();
});
});
</script>

<input type='button' class='btnAdd' value='添加'/>

<div id="father">
<form action="<%=request.getContextPath()%>/testServlet" method="post" name="conform" class="conform">
<fieldset>
<legend>配置</legend>
<input type="text" value="" name="testName" class="testName"/>
<input type='button' class='btnDel' value='删除' onclick = "$(this).parent().remove();"/>
</fieldset>
</form>
</div>
<input type="button" class="btnSub" value="提交"/>

 

转载于:https://www.cnblogs.com/austinspark-jessylu/p/6062763.html

你可能感兴趣的文章
JS——try catch throw
查看>>
Python 学习2
查看>>
在Recyclerview使用GlideAPP加载大量图片导致内存溢出(oom)
查看>>
js代码格式化工具(格式化、压缩、加密压缩)
查看>>
HTML特殊符号
查看>>
【vijos P1914】【codevs 3904】[NOIP2014 普及组T4]子矩阵(dfs+状压dp)
查看>>
MySQL 处理海量数据时一些优化查询速度方法
查看>>
ubuntu 安装nginx 并开启目录浏览功能
查看>>
leetcode[94]Binary Tree Inorder Traversal
查看>>
nginx的addition模块在响应的前后报文添加内容与变量的运行原理
查看>>
Sql日期时间格式转换
查看>>
Winform中ComcoBox控件设置选定项
查看>>
chrome调试技巧
查看>>
concurrency runtime学习笔记之二:并行
查看>>
python基础(三)
查看>>
GraphQL实战经验和性能问题的解决方案
查看>>
MySql大数据量恢复
查看>>
java-字符串反转
查看>>
获取一个目录下的所有文件
查看>>
微软发布Sample Browser for Windows 8版:5000示例代码,"触手可及"
查看>>