`

无刷新增加表单行

阅读更多

效果如图:

代码如下:

<!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>

分享到:
评论

相关推荐

    python实现文本进度条 程序进度条 加载进度条 单行刷新功能

    ### Python 实现文本进度条及单行刷新功能详解 在软件开发过程中,特别是涉及大量数据处理或长时间运行的任务时,向用户展示任务的执行进度是非常重要的。Python 提供了多种方式来实现进度条功能,本篇文章将详细...

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

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

    android表格控件源码

    - 开发者可以自由设定列数,这意味着在运行时可以动态地增加或减少列,适应不同的数据结构和应用场景。这可能涉及到对数据模型和视图的同步更新。 6. **动态添加列**: - 控件支持在运行时动态添加新的列。这对于...

    LED显示屏测试软件 V1.05 绿色版

    1. 增加了单行文本显示功能:这一功能允许用户在LED显示屏上以单行的形式展示文本信息,特别适用于需要连续滚动显示文字的情况。更值得注意的是,此更新还支持非等宽汉字的显示。非等宽汉字是指每个字符的宽度可能...

    ASP ISchool随机抽题考试系统

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

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

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

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

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

    Excel新增工具集

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

    易语言程序免安装版下载

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

    仿淘宝自动滚动商品

    在Android中,TextView是用于显示单行或多行文本的组件。为了实现自动滚动效果,通常会用到`Marquee`效果。Marquee是TextView的一个特殊属性,当设置`android:singleLine="true"`和`android:ellipsize="marquee"`后...

    拖动排序的ListView——DragSortListView

    这一特性极大地提升了用户的交互体验,特别是在需要频繁调整数据顺序的应用场景下,如任务管理器或日程表。 其次,DragSortListView还支持滑动删除功能。通过简单的左右滑动手势,用户可以快速移除ListView中的某个...

    Oracle语句优化53个规则详解.rar

    18. **避免使用DISTINCT**:它会增加处理时间和内存消耗,可考虑使用GROUP BY替换。 19. **优化JOIN条件**:确保JOIN条件中的字段有索引,并尽可能减少JOIN层次。 20. **减少表锁定**:通过行级锁定减少并发冲突。...

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

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

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

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

    ios-多选,全选,删除,插入.zip

    - 使用`reloadData()`刷新整个表格视图,但注意这可能导致性能问题,尤其是数据量大的时候。尽可能使用`insertRowsAtIndexPaths:withRowAnimation:`、`deleteRowsAtIndexPaths:withRowAnimation:`等局部更新的方法...

    .NET2.0视频

    1. **UpdatePanel**:这是ASP.NET AJAX Control Toolkit的一部分,它引入了部分页面更新(Partial Page Rendering)的概念,允许开发者无需编写JavaScript即可实现无刷新的页面更新,提高了用户体验。 2. **...

    提高MySQL中数据装载效率

    2. **索引管理**:在无索引的表中装载数据比有索引的表快,因为无需实时维护索引。如果可能,应先装载数据,然后再创建或重建索引。可以使用`DROP INDEX`和`CREATE INDEX`,或者通过`myisamchk`或`isamchk`工具禁用...

    CStatic派生.zip

    这种派生的目的是为了增加CStatic类的功能,使其能够处理更复杂的任务,比如动态改变字体属性、支持多行输出和使用双缓冲技术。 1. **双缓冲**:双缓冲是一种优化图形渲染的技术,尤其在动态更新界面时能有效防止...

    delphi做的图形时间显示

    TLabel通常用于显示单行文本,而TMemo则可以显示多行文本,两者都可以动态更新内容。开发者可能会选择其中一个,或者结合使用,以实现时间的滚动或换行显示。 时间的获取主要依赖于Windows API或者Delphi内置的...

    30 用于存放磁盘上的多行数据的数据页到底长个什么样子.pdf

    此外,文中还提到了与数据页相关的其他存储结构如表空间、数据区和数据段,这些概念属于数据库物理存储的更深层次的内容,涉及到数据库的文件组织和管理,它们在数据库的存储架构中扮演着重要角色,是数据库运维和...

Global site tag (gtag.js) - Google Analytics