<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<!-- javascript 实现动态增加、删除表单域 -->
<html>
<head>
<title> new document </title>
<script language="javascript">
<!--
var i=0
function add()
{
var temp = document.body.children.item(0).rows.item(3).cells.item(0).children.item(0).rows.item(0).cells.item(0).children.item(0).children.item(0)
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=\" 删除 \" onclick=\"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).children.item(0).rows.item(3).cells.item(0).children.item(0).text=xx;
}
function delete(x)
{
var temp = document.body.children.item(0).rows.item(3).cells.item(0).children.item(0).rows.item(0).cells.item(0).children.item(0).children.item(0)
temp.deleterow(x.text.valueof())
for (var j=0;j<temp.rows.length;j++) temp.rows.item(j).cells.item(0).children.item(0).rows.item(3).cells.item(0).children.item(0).text=j;
}
file://-->
</script>
</head>
<body>
<table border="1" style="border-collapse: collapse" bordercolor="#111111" width="100%">
<tr>
<td width="100%" align="center">register</td>
</tr>
<tr>
<td align="center">
<table border="1" width="80%" style="border-collapse: collapse" bordercolor="#111111">
<tr>
<td align="right" width="15%">公司:</td>
<td> <input type="text" name="tcompany" size="60">
</td>
</tr>
<tr>
<td align="right">地址:</td>
<td> <input type="text" name="taddress" size="60">
</td>
</tr>
<tr>
<td align="right">电话:</td>
<td> <input type="text" name="ttelephone" size="30">
</td>
</tr>
<tr>
<td align="right">传真:</td>
<td> <input type="text" name="tfax" size="30">
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center">
<input type="button" value=" 添加 " onclick="add()">
</td>
</tr>
<tr>
<td align="center">
<table align=center border=0 width="100%" height="100%">
<tr>
<td width="100%" height="300" align="center">
<div style=" overflow: auto;border-right: 1px solid; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; width: 80%; height: 100%">
JavaScript 实现动态增加、删除表单域[1]
[入库：2005年8月18日] [更新：2007年3月25日]
本文简介：选择自 playyuer 的 blog
本文关键：JavaScript、Form
本站最佳浏览方式为 分辨率 1024x768 IE 6.0（或更高版本的 IE浏览器）
