jquery 实现 点击一个按钮添加多个div

<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="提交"/>

时间: 2024-10-27 04:51:27

jquery 实现 点击一个按钮添加多个div的相关文章

使用jquery实现点击一个按钮或连接,让它下面的div显示,在点击一下隐藏

jquery代码: <script type="text/javascript" src="js/jquery-1.7.2.js"></script> <script type="text/javascript"> $(function(){ $("#a").click(function( e ){ e.preventDefault(); if ($("#test").i

问题:asp.net 点击button按钮调到页面顶部;结果:asp.net点击一个按钮,使页面跳转到本面页上的指定位置

asp.net点击一个按钮,使页面跳转到本面页上的指定位置 (2011-04-19 16:46:51) 转载▼ 标签: it   最近在做一个项目. 用到标题所说的功能. 实现方法: 1.在aspx中添加一个javascript: <script language="javascript" type="text/javascript">         <!-- function autoclick()         {            

为点击的按钮添加高亮

一.先编写一个高亮样式 1 .btnCss { 2 background-color: #F6F6F6; 3 color: #000000; 4 } 5 6 .upBtnCss { 7 background-color: #FD8D27; 8 color: #ffffff; 9 } 二.html <div id="maxBox"> <button id="dx_BS1" class="dx_BS btnCss layui-btn layu

(三十一)工具方法:获得应用程序包名/安装apk/如何获得当前栈顶的Activity/android如何实现点击一个按钮进入指定网页

(1).获得应用程序包名代码 /** * 获取当前应用程序的版本号 * * @return */ private String getVersion() { try { PackageManager manager = getPackageManager(); // 获取包管理服务 PackageInfo ClientInfo = manager .getPackageInfo(getPackageName(), 0); // 获取包的信息 return ClientInfo.versionNa

VS2010、MFC对话框程序、点击一个按钮弹出一个有多选项卡的属性页界面(即属性表单)

第一步: 建立多个属性页,可以添加对话框资源,然后修改对话框资源的属性,在vs2010中,修改如下3个:Style设置为child:Border设置为Thin:System menu设置为fasul; Title Bar为true(默认即为true):修改Caption:为此属性页选项卡的名称: 第二步: 为上面的属性页添加类,父类选为CPropertyPage:添加方式:右击对话框添加类即可. (若是父类中没有CPropertyPage类,从类向导中添加即可,此种方法添加时需要选好相应的对话框

通过freemarker出word的技术解决方案_通过点击一个按钮临时实现生成一个word,解决出word时中文文件名乱码问题,解决打开出word时打开的word出现问题的问题,出图片,解决动态列表

 通过freemarker制作word比较简单 步骤:制作word模板.制作方式是:将模板word保存成为xml----在xml的word模板中添加相应的标记----将xml的word文件的后缀名改成ftl文件 详细步骤如下: 模板制作(将要动态显示的数据打上标记,这个标记是freemarker中的EL标记,要注意的是,要控制值为空的情况,下面${(site.wzmc)?default("")}标识当网站名称为空的时候显示空值,如果这里如果不做控制,在实际项目中会显示错误!) 另外

模仿汽车大全的点击一个按钮,会弹出多个按钮,同时,点击背景图,多个按钮动画返回的效果

刚开始运行的时候的效果图: 点击ican图标后的效果图: RootViewController.h #import <UIKit/UIKit.h> @interface RootViewController : UIViewController { UIImageView *iCanImageView; UIImageView *menu_carImageView; UIImageView *menu_movieImageView; UIImageView *menu_setImageView

Android 点击一个按钮,弹出一个对话框

界面非常的简单,就是一个Button,点击这个Button呢,会弹出一个对话框 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout

在事件触发的时候,有时我们需要一些模拟用户行为的操作。例如:当网页加载完毕后 自行点击一个按钮触发一个事件,而不是用户去点击。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ