`
yangpanwww
  • 浏览: 624913 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript 动态表格

阅读更多
function build_row(){    
     var table = document.getElementById("Table1");
     var rowTitle = table.insertRow();    
     var cell1 = rowTitle.insertCell();
     cell1.innerHTML = "&nbsp;<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();'>&nbsp;X&nbsp;删除&nbsp;</span>";
}    

function delRow(obj){    
    var tr = obj.parentElement.parentElement;    
    var tb = tr.parentElement.parentElement; 
    tb.deleteRow(tr.rowIndex);    
    
 }

 

 

  留着下次就可以 直接用了。。O(∩_∩)O哈哈~

分享到:
评论

相关推荐

    JavaScript 动态表格

    用JavaScript制作的动态表格,有添加、删除、全选、全不选,有对动态新增的域校验问题,有对新增的域设置readonly问题,还有对新增域中的span进行隐藏问题都有解决,还有对动态表格的讲解PPT一份。

    HTML+JavaScript动态表格

    通过JavaScript,我们可以对这些元素进行动态操作,比如在用户交互时创建、删除或修改表格内容。 JavaScript则赋予了表格生命,使其能够响应用户的输入和操作。例如,使用事件监听器(如 `ondblclick`)可以捕捉到...

    javascript动态操作表格

    在JavaScript中,动态操作表格是一项常见的任务,尤其在构建数据驱动的Web应用时。下面将详细探讨这个主题,包括如何添加、删除、选择表格以及兼容性问题。 首先,让我们从添加表格开始。在HTML中,表格由`&lt;table&gt;`...

    javascript动态添加表格数据行

    在JavaScript编程中,动态添加表格数据行是一种常见的需求,特别是在构建交互式的Web应用程序时。这个功能允许用户在不刷新整个页面的情况下添加新的记录,提高了用户体验。在这个例子中,我们将探讨如何利用...

    javascript动态增删表格行

    javascript动态增删表格行

    JavaScript动态添加删除表格行

    在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...

    javascript动态创建表格

    JavaScript 动态创建表格知识点总结 JavaScript 动态创建表格是指使用 JavaScript 语言来动态地创建和修改 HTML 表格的行和单元格。这种技术非常有用,特别是在需要频繁地更新表格数据的情况下。 动态创建表格的两...

    javascript下动态创建表格的三种方式

    ### JavaScript 下动态创建表格的三种方式 在网页开发过程中,经常需要通过JavaScript来动态地创建或更新HTML元素,其中就包括表格(`&lt;table&gt;`)。本文将详细介绍在JavaScript中动态创建表格的三种常见方法,并对每...

    老裴帮助关于Javascript动态创建表格的小练习

    在这个特定的练习中,我们将探讨如何使用JavaScript动态地生成表格,这对于构建交互式Web应用或者处理动态数据展示是非常有用的。 在描述中提到的博文链接(已省略)可能提供了一个详细的步骤指南或者示例代码,以...

    javascript动态增减表格

    javascript实现的动态增减表格 dom ie

    JAVASCRIPT 动态复制表格

    JAVASCRIPT 动态复制表格,不错的脚本,推荐你看下了。

    Javascript动态创建表格

    Javascript动态创建表格 兼容google浏览器、360,ie等浏览器,很实用

    使用JavaScript和DOM动态创建表格

    使用JavaScript和DOM动态创建表格

    JavaScript动态操作表格,添加,删除行、列及单元格

    在本文中,我们将深入探讨如何使用JavaScript来动态地操作表格,包括添加、删除行、列以及单元格。这将帮助开发者在不刷新页面的情况下,实现灵活的数据管理功能。 1. **创建表格** 在HTML中,我们可以使用`...

    JavaScript动态生成表格案例

    这是一个动态生成表格的 HTML 页面,使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息,包括姓名、科目和得分,并提供了删除操作。 在页面中,先声明了一个 table 元素,并设置了 id 为 ...

    javascript排序表格

    javascript动态排序表格 javascript动态排序表格 javascript动态排序表格 javascript动态排序表格

    JavaScript实现表格排序

    在网页开发中,JavaScript是一种非常重要的脚本语言,它能够为用户提供动态交互体验。当我们需要在网页上展示数据时,表格是一种常见的呈现方式。而JavaScript实现的表格排序功能则能够帮助用户更方便地管理和理解...

    动态Javascript表格实例

    在网页开发中,JavaScript是一种非常...通过查看和学习这些文件,你可以更深入地理解动态JavaScript表格的实现方法。实践这些示例,将有助于提升你对JavaScript和DOM操作的理解,从而在未来的网页开发项目中游刃有余。

    javascript动态创建表格.doc

    在JavaScript中动态创建表格是一项常见的任务,特别是在网页交互和数据展示中。本文将深入探讨如何利用JavaScript的`insertRow()`和`insertCell()`方法来添加行和单元格,以及如何使用`deleteRow()`和`deleteCell()`...

Global site tag (gtag.js) - Google Analytics