function build_row(){
var table = document.getElementById("Table1");
var rowTitle = table.insertRow();
var cell1 = rowTitle.insertCell();
cell1.innerHTML = " <input name='childnam' style='width:120px' type='text' onblur='checkSy();checkJg()' maxlength='10' onKeyDown='if(event.keyCode==13)event.keyCode=9;' /><input name='child_id' type='hidden' maxlength='10' onKeyDown='if(event.keyCode==13)event.keyCode=9;' value='' />";
var cell2 = rowTitle.insertCell();
cell2.innerHTML = "<select name='childsex' style='width:50px' onKeyDown='onKD(0)' onchange='sumChild()'><%=v07.prog.optStr2(DBC,"select num,txt from fp_const where tag='syssex' and num>0 order by num",T[5])%></select>";
var cell3 = rowTitle.insertCell();
cell3.innerHTML = "<input name='childdat1' type='text' onblur='cgdat();sumChild()' maxlength='10' style='width:110px' onKeyDown='if(event.keyCode==13)event.keyCode=9;' />";
var cell4 = rowTitle.insertCell();
cell4.innerHTML = "<input name='childdat2' type='text' onblur='cgdat();sumChild();changen3()' maxlength='10' style='width:130px' onKeyDown='if(event.keyCode==13)event.keyCode=9;' />";
var cell5 = rowTitle.insertCell();
cell5.innerHTML = "<select name='childremark' style='width:90px' onblur='checkSy()' onKeyDown='onKD(0)' ><option value='0'>亲生</option><option value='2'>继子女</option><option value='1'>收养</option><option value='3'>寄养</option></select>";
var cell5 = rowTitle.insertCell();
cell5.innerHTML = "<span style='cursor:hand;width:190px;text-align: center' onclick='delRow(this);checkSy();'> X 删除 </span>";
}
function delRow(obj){
var tr = obj.parentElement.parentElement;
var tb = tr.parentElement.parentElement;
tb.deleteRow(tr.rowIndex);
}
留着下次就可以 直接用了。。O(∩_∩)O哈哈~
分享到:
相关推荐
用JavaScript制作的动态表格,有添加、删除、全选、全不选,有对动态新增的域校验问题,有对新增的域设置readonly问题,还有对新增域中的span进行隐藏问题都有解决,还有对动态表格的讲解PPT一份。
通过JavaScript,我们可以对这些元素进行动态操作,比如在用户交互时创建、删除或修改表格内容。 JavaScript则赋予了表格生命,使其能够响应用户的输入和操作。例如,使用事件监听器(如 `ondblclick`)可以捕捉到...
在JavaScript中,动态操作表格是一项常见的任务,尤其在构建数据驱动的Web应用时。下面将详细探讨这个主题,包括如何添加、删除、选择表格以及兼容性问题。 首先,让我们从添加表格开始。在HTML中,表格由`<table>`...
在JavaScript编程中,动态添加表格数据行是一种常见的需求,特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录,提高了用户体验。在这个例子中,我们将探讨如何利用...
javascript动态增删表格行
在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...
JavaScript 动态创建表格知识点总结 JavaScript 动态创建表格是指使用 JavaScript 语言来动态地创建和修改 HTML 表格的行和单元格。这种技术非常有用,特别是在需要频繁地更新表格数据的情况下。 动态创建表格的两...
### JavaScript 下动态创建表格的三种方式 在网页开发过程中,经常需要通过JavaScript来动态地创建或更新HTML元素,其中就包括表格(`<table>`)。本文将详细介绍在JavaScript中动态创建表格的三种常见方法,并对每...
在这个特定的练习中,我们将探讨如何使用JavaScript动态地生成表格,这对于构建交互式Web应用或者处理动态数据展示是非常有用的。 在描述中提到的博文链接(已省略)可能提供了一个详细的步骤指南或者示例代码,以...
javascript实现的动态增减表格 dom ie
JAVASCRIPT 动态复制表格,不错的脚本,推荐你看下了。
Javascript动态创建表格 兼容google浏览器、360,ie等浏览器,很实用
使用JavaScript和DOM动态创建表格
在本文中,我们将深入探讨如何使用JavaScript来动态地操作表格,包括添加、删除行、列以及单元格。这将帮助开发者在不刷新页面的情况下,实现灵活的数据管理功能。 1. **创建表格** 在HTML中,我们可以使用`...
这是一个动态生成表格的 HTML 页面,使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息,包括姓名、科目和得分,并提供了删除操作。 在页面中,先声明了一个 table 元素,并设置了 id 为 ...
javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格
在网页开发中,JavaScript是一种非常重要的脚本语言,它能够为用户提供动态交互体验。当我们需要在网页上展示数据时,表格是一种常见的呈现方式。而JavaScript实现的表格排序功能则能够帮助用户更方便地管理和理解...
在网页开发中,JavaScript是一种非常...通过查看和学习这些文件,你可以更深入地理解动态JavaScript表格的实现方法。实践这些示例,将有助于提升你对JavaScript和DOM操作的理解,从而在未来的网页开发项目中游刃有余。
在JavaScript中动态创建表格是一项常见的任务,特别是在网页交互和数据展示中。本文将深入探讨如何利用JavaScript的`insertRow()`和`insertCell()`方法来添加行和单元格,以及如何使用`deleteRow()`和`deleteCell()`...