实时增加,删除人员信息表

原创 2016年08月29日 15:58:09
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
        //删除按钮的点击事件处理程序
        function btnDeleteHader(currentBtn) {
        //获取当前“删除”按钮所在的行
            var tr = currentBtn.parentNode.parentNode;
            //从Tbody中删除某行
            document.getElementById('tbody1').removeChild(tr);
        }
        window.onload = function () {
            //增加按钮的单击事件
            document.getElementById('btnAdd').onclick = function () {
                //获取用户输入的数据
                var user_name = document.getElementById('txtName').value;
                var user_age = document.getElementById('txtAge').value;
                //获取tbody对象
                var tbodyObj = document.getElementById('tbody1');
                //插入一行
                var currentRow = tbodyObj.insertRow(-1);
                //插入三列
                currentRow.insertCell(-1).innerHTML = user_name;
                currentRow.insertCell(-1).innerHTML = user_age;
                currentRow.insertCell(-1).innerHTML = '<input type="button" onclick="btnDeleteHader(this);" value="删除" />';
            };
        }
    </script>
    <style type="text/css">
    #tbody1 td
    {
        text-align:center;
        }
    </style>
</head>
<body>
    <fieldset style="width:250px;">
        <legend>增加人员信息</legend>
        <p>
            姓名:<input id="txtName"/>
        </p>
        <p>
            年龄:<input id="txtAge"/>
        </p>
        <p>
            <input id="btnAdd" type="button" name="name" value="增加" />
        </p>
    </fieldset>
    <table border="1" cellpadding="2" cellspacing="2" style="width:300px;">
    <caption>人员信息表</caption>
        <thead>
        <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>删除</th>
        </tr>
        </thead>
        <tbody id="tbody1">
        </tbody>
    </table>
</body>
</html>
版权声明:本文为博主原创文章,未经博主允许不得转载。

HR人员基本信息、分配信息和地址信息SQL

人员信息、分配信息和地址信息SQL语句:SELECT papf.employee_number employee_number, papf.last_name last_name, -...
  • cunxiyuan108
  • cunxiyuan108
  • 2010年09月29日 13:34
  • 4061

oracle 表结构的修改

time:2008/02/28author:skate今天总结下关于表的修改,防止以后忘记,好记性不如烂笔头吗!!!更改表的结构1.编辑表的字段  修改一个列的数据类型(一般限于修改长度,修改为一个不...
  • wyzxg
  • wyzxg
  • 2008年02月28日 17:42
  • 13693

删除emp表中 empno编号重复的记录(只保留一条)

实测数据: SQL code ? 1 2 3 4 5 6 7 8 9 10 11 12 ...
  • maguanghui_2012
  • maguanghui_2012
  • 2015年06月25日 22:25
  • 499

JS学习--制作一个表格,显示班级的学生信息

题目来源:慕课网 JS进阶篇 注:此处背景颜色修改尚未完成~~ new document window.onload = function...
  • u014033518
  • u014033518
  • 2015年07月02日 21:36
  • 1536

易飞:删除离职员工权限表对单据的影响

话说某日,群友在群里发了个问题,单据丢失姓名,如下图 不显示姓名的人员为离职员工,将对应人员编号加入到用户表中也无济于事。 经过跟踪, 发现打开单据时,对应的查询姓名为帐套数据库的 ADMMF表,...
  • knife_s
  • knife_s
  • 2015年01月07日 18:53
  • 835

EBS HRMS数据表

4.1. 人员基本息                  表            (PER_ALL_PEOPLE_F)...
  • caixingyun
  • caixingyun
  • 2014年01月01日 23:14
  • 2256

SAP用户信息查询的几张表

(a)如何快速查出某个Role下所有的Tcode?(除了SUIM,能否直接select什么表)? (b)如何快速查出某个Role下所有的UserID?(除了SUIM,能否直接select什么表)? ...
  • zhongguomao
  • zhongguomao
  • 2013年12月05日 12:21
  • 7035

更新人员分配信息

1. 利用update_emp_asg 来update supervisor            DECLARE     lv_ovn                          N...
  • meunsina
  • meunsina
  • 2014年09月18日 10:48
  • 518

项目及人员管理系统-修改员工信息列表展示

尝试通过更加绚丽的图形化展示方式来设计列表界面。 1、2D旋转 代码: 人员信息图形化展示 #content{ width: auto; ...
  • xionghui2007
  • xionghui2007
  • 2017年02月12日 20:19
  • 772

金蝶EAS中如何添加人员

(1)Administrator登录,点击人力资源管理----职务体系 点击职务体系,进入如下界面 基础数据管理-----职位管理 点击职务管理,进入如下界面...
  • fyq891014
  • fyq891014
  • 2012年05月01日 21:58
  • 8416
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:实时增加,删除人员信息表
举报原因:
原因补充:

(最多只允许输入30个字)