<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- JavaScript 实现动态增加、删除表单域 --> <HTML> <HEAD> <TITLE> New Document </TITLE> <SCRIPT LANGUAGE="JavaScript"> var i=0 function fireAdd() { var temp = document.getElementById("third"); temp.insertRow(temp.rows.length); temp.rows.item(temp.rows.length -1).insertCell(0); var xx=temp.rows.length -1 ;//-1 var sHTML sHTML='<TABLE border=\"1\" style=\"border-collapse: collapse\" bordercolor=\"#111111\"width=\"100%\">' + '<TR>' + '<TD align=\"center\" colspan=\"4\">个人信息 (' + i++ +')</TR>' + '<TR>' + '<TD align=\"right\">姓名:</TD>' + '<TD> <INPUT TYPE=\"text\" NAME=\"tName\"></TD>' + '<TD align=\"right\">性别:</TD>' + '<TD> <INPUT TYPE=\"radio\" checked NAME=\"rSex\">先生 <INPUT TYPE=\"radio\" NAME=\"rSex\">女士</TD>' + '</TR>' + '<TR>' + '<TD align=\"right\">职务:</TD>' + '<TD> <SELECT NAME=\"\">' + '<option value=\"其它\"> 其它 </option>' + '<option value=\"经理\"> 经理 </option>' + '</SELECT>' + '</TD>' + '<TD align=\"right\">邮件:</TD>' + '<TD> <INPUT TYPE=\"text\" NAME=\"tMail\"></TD>' + '</TR>' + '<TR>' + '<TD align=\"center\" colspan=\"4\"><input type=\"button\" value=\" 删除 \" οnclick=\"Delete(this);\">' '</TR>' + '</TABLE>'; temp.rows.item(temp.rows.length-1).cells.item(0).innerHTML=sHTML; temp.rows.item(temp.rows.length-1).cells.item(0).childNodes.item(0).rows.item(3).cells.item(0).childNodes.item(0).text=xx; } function Delete(x) { var temp = document.getElementById("third"); temp.deleteRow(x.text.valueOf()) for (var j=0;j<temp.rows.length;j++) { temp.rows.item(j).cells.item(0).childNodes.item(0).rows.item(3).cells.item(0).childNodes.item(0).text=j; } } </SCRIPT> </HEAD> <BODY> <table border="1" style="border-collapse: collapse" bordercolor="#111111" width="100%"> <tr> <td align="center"> <INPUT TYPE="button" value=" 添加 " οnclick="fireAdd()"> </td> </tr> <tr> <td align="center"> <TABLE align=center border=0 width="100%" height="100%" id="second"> <TR> <TD width="100%" height="300" align="center"> <TABLE width="100%" id="third"> </TABLE> </TD> </TR> </TABLE> </td> </tr> </table> </BODY> </HTML>