jquery 实现 点击一个按钮添加多个div
2016-11-14 17:59
423 查看
<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="提交"/>
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="提交"/>
相关文章推荐
- 怎样用jquery实现点击一个按钮控制一个div的显示和隐藏
- jQuery实现点击按钮弹出一个div,点击其他区域关闭该div
- 使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏
- jQuery动态添加.active属性实现按钮点击样式
- 我想在datagrid中选择若干记录,再点击添加按钮,给别一个ACCESS表添加选择的记录,在VB中如何实现?
- velocity页面下,使用jQuery实现点击添加按钮添加一行输入框
- 点击地图div上的按钮实现对地图数据的操作:查询点、添加点、删除点
- jQuery实现动态添加和删除一个div
- 在制作简历,想用DIV实现添加各项履历内容,每点击一次按钮就增加一次怎么实现
- 在jsp中js jquery点击按钮出现一个对话框的实现
- 如何实现js展开收起(折叠)效果呢?例如:一段内容过长了,我限制他显示为20个字内,但是超出了20的就先用省略号代替,然后后面添加一个展开,点击展开后就显示所有的内容,这时候展开按钮就变成了 折叠按钮
- jQuery实现动态添加和删除一个div
- jQuery实现动态添加和删除一个div
- jQuerydiv点击添加或者移除样式实现导航切换效果
- WIN32汇编语言在窗口添加按钮,点击按钮实现跳转到一个程序或者一个URL。。。
- jquery 实现点击 table中一行tr自动复制本行添加到本行之后 点击按钮回复到初始状态
- Jquery实现点击按钮,连续地向textarea中添加值的实例代码
- js实现:点击一个按钮,弹出一个div,并向其中传值,修改后,再传出
- jquery实现点击按钮添加一行
- Jquery实现:点击按钮,连续地向textarea中添加值