灵魂-放水

为学日益,为道日损。

BlogJava 首页 新随笔 联系 聚合 管理
  296 Posts :: 10 Stories :: 274 Comments :: 0 Trackbacks

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>动态增删表格行</title>
<script language="JavaScript">
<!--
//author: Robin
//email: binluo@expervision.com.cn
var rowIndex=0;
function addLine(obj){
var objSourceRow=obj.parentNode.parentNode;
var objTable=obj.parentNode.parentNode.parentNode.parentNode;
if(obj.value=='增加详细伤亡人员信息'){
rowIndex++;
var objRow=objTable.insertRow(rowIndex);
var objCell;
for(i=0;i<18;i++){
objCell=objRow.insertCell(i);
objCell.innerHTML=objSourceRow.cells[i].innerHTML;

}

objCell=objRow.insertCell(18);
objCell.innerHTML=objSourceRow.cells[18].innerHTML.replace(/增加详细伤亡人员信息/,'删除');
}
else{
objTable.lastChild.removeChild(objSourceRow);
rowIndex--;
}
}

function removeLine(){

}

//-->
</script>
</head>
<body bgcolor="#ffffff">
<form name="form1" method="post">
<table width="100%" border="1" class="tableBorder" align=center >
      <tr align="center">
        <td height="56" class=forumrow style="display:none">姓名</td>
        <td colspan="3" class=forumrow style="display:none" >
          <input  type="text" name="casualtyName" size="8"/>
        </td>
        <td  class=forumrow style="display:none">性别</td>
        <td class=forumrow style="display:none">
          <input  type="radio" value="male" name="sex"/ size="5">
          男
          <input  type="radio" value="female" name="sex" size="5"/>
          女
        </td>
        <td  class=forumrow style="display:none">用工形式</td>
        <td  class=forumrow style="display:none">
          <select name="useForm">
            <option value="FORMAL_WORKER" selected>正式工</option>
            <option value="CONTRACT_WORKER">合同工</option>
            <option value="TEMP_WORKER">临时工</option>
          </select>
        </td>
        <td class=forumrow style="display:none">工种</td>
        <td  class=forumrow style="display:none">
          <select name="useKind">
            <option value="MANAGER" selected>管理人员</option>
            <option value="MU_GONG">木工</option>
            <option value="WA_GONG">瓦工</option>
            <option value="JIA_ZI_GONG">架子工</option>
            <option value="GANG_JIN_GONG">钢筋工</option>
            <option value="HUN_NING_TU_GONG">混凝土工</option>
            <option value="MO_HUI_GONG">抹灰工</option>
            <option value="JI_XIE_GONG">机械工</option>
            <option value="DIAN_GONG">电工</option>
            <option value="DIAN_HAN_GONG">电焊工</option>
            <option value="GUAN_GONG">管工</option>
            <option value="QIAN_GONG">钳工</option>
            <option value="YOU_QI_GONG">油漆工</option>
            <option value="FAN_SHUI_GONG">防水工</option>
            <option value="TONG_FENG_GONG">通风工</option>
            <option value="DIAO_ZHUANG_GONG">吊装工</option>
            <option value="BAN_YUN_GONG">搬运工</option>
            <option value="LI_GONG">力工</option>
            <option value="QIN_ZHA_GONG">勤杂工</option>
          </select>
        </td>
        <td class=forumrow style="display:none">年龄</td>
        <td class=forumrow style="display:none">
          <input type="text" name="age" size="4"/>
        </td>
        <td  class=forumrow style="display:none">从业时间</td>
        <td colspan="3" class=forumrow style="display:none">
          <input type="text" name="workTime"  size="4"/>
        </td>
        <td  class=forumrow style="display:none">文化程度</td>
        <td  class=forumrow style="display:none">
          <select name="education">
            <option value="ELEMENTORY_SCHOOL" selected>小学及以下</option>
            <option value="JUNIOR_HIGH_SCHOOL">初中</option>
            <option value="SENIOR_HIGH_SCHOOL">高中/中专</option>
            <option value="COLLEGE">大专</option>
            <option value="GRADUATE">大专以上</option>
          </select>
        </td>
        <td class=forumrow style="display:none">承包形式</td>
        <td colspan="3" class=forumrow style="display:none">
          <select name="contractTypeDetail">
            <option value="ZONG_CHENG_BAO">总承包</option>
            <option value="ZHUAN_YE_FEN_BAO">专业分包</option>
            <option value="LAO_WU_FEN_BAO">劳务分包</option>
          </select>
        </td>
        <td  class=forumrow style="display:none">伤亡情况</td>
        <td  class=forumrow style="display:none">
          <select name="casualtyInfo">
            <option value="LIGHT_HURT" selected>轻伤</option>
            <option value="HEAVEY_HURT">重伤</option>
            <option value="DIE">死亡</option>
          </select>
        </td>
    <td><input name="add" type="button" id="add" value="增加详细伤亡人员信息" onClick="addLine(this)"></td>
</tr>
</table>
</form>
</body>
</html>

posted on 2006-12-18 15:17 放水老倌 阅读(341) 评论(0)  编辑  收藏 所属分类: JavaScript

只有注册用户登录后才能发表评论。


网站导航: