<!DOCTYPE html>

<html>

  <head>

    <title>linshi3.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

    <meta http-equiv="description" content="this is my page">

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

    <script type="text/javascript">

        function insertAddress()

        {

            insertRow('t2','t1');

            //setAddressNo();

            //setAddressNum();

        }

        function insertRow(pageCode,dataPageCode)

        {

                    var oTBODY     = document.getElementById(pageCode).tBodies.item(0);//Address

          var oTBODYData = document.getElementById(dataPageCode).tBodies.item(0);//Address_date

          var rowsCount = oTBODYData.rows.length;//1

          for(var i=0;i<rowsCount;i++){

            oTBODY.appendChild(oTBODYData.rows[i].cloneNode(true));

          }

                }

        function deleteAddress(field,intPageDataKeyCount,intRowCount)//this,1,1

        {

          var arrayAddressNo = new Array();

          var strFieldName = field.name;//button_Address_Delete,假如有3个数据

         var intAddressNo = 0;

          var index = 0;

          var i = 0;

          //得到行索引

          for(i=1;i<fm.all(strFieldName).length;i++)//1--2

          {

            if(fm.all(strFieldName)[i]==field)

            {

              index = i;

              break;

            }

          }

         // intAddressNo = parseInt(fm.AddressNo[index].value,10);

                  deleteRow('t2',field,intPageDataKeyCount,intRowCount);

          //'Address',field,intPageDataKeyCount,intRowCount

        }

        function deleteRow(PageCode,Field,intPageDataKeyCount,intRowCount)//'Address',this,1,1

        {

          if (intPageDataKeyCount==null)

          {

            intPageDataKeyCount = 1;

          }

          if (intRowCount==null)

          {

            intRowCount = 1;

          }

          intRowCount = 4;

          var intIndex = parseInt(getElementOrder(Field),10) - 1;  //顺序改为以0开始

          var oTBODY   = document.all(PageCode).tBodies.item(0);

          for(var i=0;i<4;i++)

          {

            oTBODY.deleteRow(0);

          }

        }

        function getElementOrder(field,frm)

        {

          var intOrder = 0;

          var intCount = getElementCount(field.name,frm);

          var frmForm = (frm==null?document.fm:frm);

          if(intCount>1)

          {

            for(var i=0;i<intCount;i++)

            {

              if(frmForm.all(field.name)[i].name==field.name)

              {

                intOrder++;

              }

              if(frmForm.all(field.name)[i]==field)

              {

                break;

              }

            }

          }

          else

          {

            intOrder = 1;

          }

          return intOrder;

        }

        function getElementCount(strFieldName,frm)

        {

          var intCount = 0;

          var frmForm = (frm==null?document.fm:frm);

          try

          {

            intCount = eval( frmForm.all(strFieldName).length );

            if(isNaN(intCount)) intCount = 1;

          }

          catch(E)

          {

            intCount = 0;

          }

                    if(intCount>1 && frmForm.all(strFieldName)[0].tagName=="OPTION")

          {

            intCount = 1;

          }

          return intCount;

        }

    </script>

  </head>

  <body>

    <form name="fm" id="f1" action="" method="post">

      <table border="0" style="display: " id="t2">

       <thead>

       </thead>

       <tfoot>

        <tr class="common">

              <td id="" >

                <p align="right">

                      <input type="button" name="button_Address_Insert" class="button" alt="新增" value="新 增"

                          onclick="insertAddress()">

                </p>

              </td>

        </tr>

       </tfoot>

       <tbody><!-- 增加的区域数据，在这儿 -->

       </tbody>

      </table>

      <table border="0" style="display: none" id="t1">

       <tbody>

        <tr>

          <td>Login:</td>

          <td><input type="text" name="login" id="login"></td>

        </tr>

        <tr>

          <td>Password:</td>

          <td><input type="password" name="password" id="password"></td>

        </tr>

        <tr>

          <td colspan="2" align="center"><input type="submit"></td>

        </tr>

        <tr>

            <td>

                <input type="button" name="button_Address_Delete" class="button" alt="删除" value="删除"

                          onclick="deleteAddress(this,1,1)">

            </td>

        </tr>

       </tbody>

      </table>

    </form>

  </body>

</html>

js方法控制html表格的增加和删除的更多相关文章

  1. 使用js方法将table表格中指定列指定行中相同内容的单元格进行合并操作。

    前言 使用js方法对html中的table表格进行单元格的行列合并操作. 网上执行此操作的实例方法有很多,但根据实际业务的区别,大多不适用. 所以在网上各位大神写的方法的基础上进行了部分修改以适合自己 ...

  2. js回车动态添加表格，右键动态删除表格行

    <script type="text/javascript" language="javascript">//屏蔽浏览器右键function sto ...

  3. java layout 表格项增加、删除、修改

    实现的内容为:点击表格某项,再点击删除钮,可实现删除点击表格某项,再点击编辑按钮,可实现内容改变点击添加按钮,可实现向表格中添加内容 总结:总的来说中间遇到了很多困难,但是都一步步的解决了. pack ...

  4. vue.js（10）--案例--列表增加与删除

    品牌管理案例 (1)bootstrip快速布局 <div class="app"> <div class="panel panel-primary&qu ...

  5. UITableView增加和删除、移动

    复习一下: 1.在控制器上添加一个UITableView,  暂时该UITableView控件变量名命名为为tableView, 设置控件代理,实现控制器的UITableViewDataSource, ...

  6. js如何动态创建表格（两种方法）

    js如何动态创建表格(两种方法) 一.总结 一句话总结: 1.方法一:写好创建表格的html代码,将之赋值给div的innerHTML. 2.方法二.直接用创建好的table元素的方法insertRo ...

  7. js中控制小数点的显示位数的技术整理

    js中自带方法控制小数点的显示位数(四舍五入) alert((12.9299).toFixed(2)); //12.93 alert((12.9243).toFixed(2)); //12.92 小数 ...

  8. 网站开发进阶(二十五)js如何将html表格导出为excel文件

    js如何将html表格导出为excel文件        赠人玫瑰,手留余香.若您感觉此篇博文对您有用,请花费2秒时间点个赞,您的鼓励是我不断前进的动力,共勉! jsp页面数据导出成excel的方法很 ...

  9. jQuery实现表格行的动态增加与删除(改进版)

    之前写过一个简单的利用jQuery实现表格行的动态增加与删除的例子,有些人评论说"如果表格中是input元素,那么删除后的东西都将自动替换,这样应该是有问题的,建议楼主改进!",故 ...

随机推荐

  1. java中String的常用方法

    java中String的常用方法1.length() 字符串的长度 例:char chars[]={'a','b'.'c'}; String s=new String(chars); int len= ...

  2. Docker-创建支持ssh服务的镜像

    这里测试tomcat镜像安装ssh服务 1.启动镜像 [root@wls12c docker]$ docker run -d tomcat:centos 844bdde121a03174f3abd22 ...

  3. Linux的ldconfig和ldd用法

    ldd 查看程序依赖库 ldd 作用:用来查看程式运行所需的共享库,常用来解决程式因缺少某个库文件而不能运行的一些问题. 示例:查看test程序运行所依赖的库: /opt/app/todeav1/te ...

  4. [转]C++中引用（&）的用法和应用实例

    from: here 对于习惯使用C进行开发的朋友们,在看到c++中出现的&符号,可能会犯迷糊,因为在C语言中这个符号表示了取地址符,但是在C++中它却有着不同的用途,掌握C++的&符 ...

  5. 转：switch内部的变量定义问题（goto类似）

    自我总结:(之前查过goto和switch的资料但是一直没有搞懂,直到今天看到这个讨论才懂了) 1   int a;    是个描述,而不是个命令,只是说明我需要空间,编译器会保证在相应的作用域之中这 ...

  6. vim 学习记录2

    当前行进行替换:s/XXX/YYY/gXXX是需要替换的字符串,YYY是替换后的字符串. 全局替换:% s/XXX/YYY/g. 对指定部分进行替换用V进入visual模式,再进行:s/XXX/YYY ...

  7. 【图像处理Matlab】2 灰度变换 imadjust stretchlim

    f=imread('123.tif'); % 读入一幅图片 g=imadjust(f,[ ],[ ]); % 负片显示 [imadjust] imadjust(f, [low_in high_in], ...

  8. requestAnimationFrame在Chrome里的实现

    requestAnimationFrame是HTML5游戏和动画必不可少的函数,相对于setTimeout或setInterval它有两个优势,一是它注册的回调函数与浏览器的渲染同步,不用担心Time ...

  9. shell如何在指定文件的指定位置后面添加内容

    最近工作中遇到一个问题,想在某个文件的指定位置后面添加一个标志位,要求在shell脚本里实现. 问题说明: 想在sys_config.fex文本的某个字符串后面添加一个flag 例如:sys_conf ...

  10. eclipse 新建 maven 项目 添加 spring hibernate 的配置文件 详情

    主要配置文件 pom.xml 项目的maven 配置文件 管理项目所需 jar 依赖支持 web.xml 项目的总 配置文件  :添加 spring和hibernate 支持 applicationC ...