`

无刷新增加表单行

阅读更多

效果如图:

代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <SCRIPT LANGUAGE="JavaScript">

  <!--

	function addattachfrom() {

		var newnode = document.getElementById('attachSrc').firstChild.cloneNode(true);

		document.getElementById('attachDest').appendChild(newnode);

	}

	function removeattachfrom() {

		var dest = document.getElementById('attachDest');

		dest.childNodes.length >= 1 && dest.lastChild ? dest.removeChild(dest.lastChild) : 0;

	}

  //-->

  </SCRIPT>

 </HEAD>



 <BODY>

 提示:点击[+]可以增加表单,点击[-]可以减少表单

  <table width="90%" align="center" cellpadding="0" cellspacing="0" class="celltable">

	  <tbody id="attachSrc">

		<tr><td width="100%">

			<table class="gray" border="0" cellspacing="2" cellpadding="2" style="border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;">

				<tr>

					<td width="20%" align="right">名称</td>

					<td width="80%" align="left">

						<input type="text" name="GoodsName"/></td>

				</tr>

			</table>

		</td></tr>

	  </tbody>

	  <tbody id="attachDest"></tbody>

  </table><br />

  <a href="#add" onclick="addattachfrom();"> [+]</a>

  <a href="#remove" onclick="removeattachfrom();">[-]</a>

 </BODY>

</HTML>

分享到:
评论

相关推荐

    正式商业旗舰版Modoer点评系统3.5(Modoer 3.5)新增手机WEB端加微信公众平台接口,商业模块

    7.新增加了ajax分页加载插件,很多之前需要进行翻页的列表页面都进行了改进,都实现了ajax无刷新加载下一页内容的 效果,也符合手机里查看数据的习惯 8.主题筛选进行了改进,这次终于可以进行三级分类和地区的筛选...

    java连接数据库课程设计(1).doc

    删除功能,可以单行删除也可以多行删除 " "首先单行删除,选中一行后点击删除按钮就可以删除此条记录,而且数据库也相" "应地删除了此条记录,通过点击刷新再重新读取数据库数据可以证明 " " " "删除前 " " " " " ...

    ASP ISchool随机抽题考试系统

    5.考生管理增加刷新按钮 修改 1.去除了导入试题字符数量的限制 2.修改安装文件,加入了一些提示 修正 1.修正考生管理无法切换BUG 2.修正考生管理无法查询的BUG 3.修正考生导入文件不能为中文的BUG V3.4(20100629)...

    人力资源管理软件(完全免费)

    人力资源管理软件其他的一些优化(部门结构自动设置顺序码、部门在岗位管理里的刷新、民族排序等)(感谢梦想成真和其他朋友) 2008-03-26 人力资源管理软件做了以下改进 解决了多公司情况下部门显示不正常的漏洞...

    提高MySQL中数据装载效率

    在表无索引时装载比索引后装载更快。如果有索引,不仅必须增加记录到数据文件,而且还要修改每个索引以反映增加了的新记录。 较短的SQL 语句比较长的SQL 语句要快,因为它们涉及服务器方的分析较少,而且还因为将...

    Excel VBA实用技巧大全 附书源码

    04203将单元格区域作为图像对象进行复制(无链接) 04204将单元格区域作为图像对象进行复制(有链接) 04205复制大小可变的单元格区域 05001获取嵌入图表的名称 05002获取图表工作表的名称 05003获取图表的某个系列...

    Excel新增工具集

    (学生成绩表)是由同一工作表中的同一单行或多行的表头下共存的若干条记录组成,要把单人的工资 (成绩)发给本人,用本软件可轻松地将每条记录分离,并在每一条记录的上方添加一个表头,以明确各项目的意义,还要在...

    计算机组成原理考研纲要

    ③单次(单行):按行刷新取小,8*9取8,即为2^8*芯片个数 (10)容量扩充: ①64*4:存储单元*字长 ②字长:一组芯片个数 ③容量:地址长度+片选 ④加数据总线,控制总线 (11)DRAM读写的正确性校验 ①奇偶校验:实现...

    易语言程序免安装版下载

    查找表项()”增加可空参数“列索引”,以指定查找哪一列。 12. 修改扩展界面支持库一,添加“工具条.置标题()”方法。 13. 修改高级表格支持库在表格空白处(所有单元格之外)单击鼠标导致当前光标处单元格自动...

    Python:文本进度条的实现和简单注释解析

    单行动态刷新→增加“\r”;(刷新的本质是用后打印的字符覆盖之前的字符,打印后光标退回到之前的位置) 代码示例(含注释简析): #文本进度条 import time scale=50 print("执行开始".center(scale//2,"-")) #使用...

    小刀娱乐网源码2018版 v4.17.rar

    10、发布文章无需刷新页面即可发布下一篇: 发布文章之后会自动清空表单,不需要重新加载页面就可以立刻再发布下一篇文章。 11、强大的应用中心: 应用中心会持续不断的更新各种插件、模板、升级包、程序,都是...

    oracle学习文档 笔记 全面 深刻 详细 通俗易懂 doc word格式 清晰 连接字符串

    在创建表时,经常会创建该表的主键、外键、唯一约束、Check约束等  语法结构 create table 表名( [字段名] [类型] [约束] ……….. CONSTRAINT fk_column FOREIGN KEY(column1,column2,…..column_n) ...

    斯维尔建筑设计软件Arch2010最新版

    11. 单行文字、多行文字、表格等对象z标高不为0的时候,无法在位编辑 12.【导出3DS】在ACAD2007以上版本不正确 13. R16下打开T7/T6体量模型有提示需要修复 14. 梯段对话框踏步高度和踏步数目约束关系出现紊乱 15. ...

    asp.net知识库

    ASP.NET 2.0 正式版中无刷新页面的开发(示例代码的补充) ASP.NET2.0中themes、Skins轻松实现网站换肤! ASP.NET 2.0 中的代码隐藏和编译 ASP.NET 2.0 Language Swithcer and Theme Swicher 多语言转换和多样式主题...

    ASP经典下载系统Downplus v2.2 MSSQL商业版.zip

    自定义字段功能,可设置字段表单的形式,如单行、多行文本,单选、多选按钮,单行、多行下拉,隐藏等,可指定默认值,值为空时是否用默认值代替,可设置字段是否可采集,是否在编辑界面隐藏等. 前台全部生成静态页面,前台...

    Maxthon2.0.2.2961苦菜花增强清爽精简版

    (13837) * 单行收藏夹的添加或删除按钮里面无法选择按钮, 并且最热条目按钮的名字为 aa (13940) * 广告猎手编辑过滤列表时按 Esc 键对话框变灰 (14049) * 地址栏在当前页面跳转的时候会刷新 (16748) * ...

    Maxthon2.0.2.2961苦菜花增强优化安装版

    (13837) * 单行收藏夹的添加或删除按钮里面无法选择按钮, 并且最热条目按钮的名字为 aa (13940) * 广告猎手编辑过滤列表时按 Esc 键对话框变灰 (14049) * 地址栏在当前页面跳转的时候会刷新 (16748) * ...

    java百度贴吧登陆源码-Pitfalls-Android:那些年,我们一起踩过的Android的坑!

    3、设置TextView单行显示的时候不要用Lines=1,而要用singleLine=”true”,因为魅族部分手机在设置Lines=1的时候,然后TextView的值全为数字的时候, 你就会懵逼了。 4、PageTransformer接口,用来自定义ViewPager...

    超旺软件最新单机版

    超旺软件针对销售提供了丰富强大的查询功能,有商品销售排行榜、商品销售成本表、销售统计、单位销售排行榜、单位分析等,对批发业务的查询分析可以通过《批发管理》内的销售报表进行查询,也可以在图形界面的【批发...

Global site tag (gtag.js) - Google Analytics