域名注册|域名申请|域名空间|空间租用|虚拟主机租用
中域互联诚意为您提供域名注册、虚拟主机等网络服务，欢迎光临，热线：020-32676839、32696039
118 繁體中文 118 联系我们  　 118 关于我们  　 118 建站信息中心  　 118 显示在线咨询
118
118
虚拟主机

JAVASCRIPT 实现动态增加、删除表单域
javascript 点击次数：697
<!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>&NBSP;<INPUT TYPE="TEXT" NAME="TNAME"></TD> +
       <TD ALIGN="RIGHT">性别:</TD> +
       <TD>&NBSP;<INPUT TYPE="RADIO" CHECKED NAME="RSEX">先生&NBSP;&NBSP;<INPUT TYPE="RADIO" NAME="RSEX">女士</TD> +
       </TR> +
       <TR> +
       <TD ALIGN="RIGHT">职务:</TD> +
       <TD>&NBSP;<SELECT NAME=""> +
       <OPTION VALUE="其它">&NBSP;其它&NBSP;</OPTION> +
       <OPTION VALUE="经理">&NBSP;经理&NBSP;</OPTION> +
       </SELECT> +
       </TD> +
       <TD ALIGN="RIGHT">邮件:</TD> +
       <TD>&NBSP;<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>&NBSP;<INPUT TYPE="TEXT" NAME="TCOMPANY" SIZE="60">
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">地址:</TD>
<TD>&NBSP;<INPUT TYPE="TEXT" NAME="TADDRESS" SIZE="60">
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">电话:</TD>
<TD>&NBSP;<INPUT TYPE="TEXT" NAME="TTELEPHONE" SIZE="30">
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">传真:</TD>
<TD>&NBSP;<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%">
                <TABLE WIDTH="100%">
                </TABLE>
         </DIV>
    </TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN="CENTER">
<TABLE BORDER="1" WIDTH="40%" STYLE="BORDER-COLLAPSE: COLLAPSE" BORDERCOLOR="#111111">
<TR>
<TD WIDTH="10%">&NBSP;<INPUT TYPE="CHECKBOX" NAME="">寄资料</TD>
</TR>
<TR>
<TD>&NBSP;<INPUT TYPE="CHECKBOX" NAME="">去</TD>
</TR>
</TABLE>
</TD>
</TR>
<TR>
<TD ALIGN="CENTER">
<INPUT TYPE="SUBMIT" VALUE=" 提交 ">&NBSP;&NBSP;<INPUT TYPE="RESET" VALUE=" 清空 ">
</TD>
</TR>
</TABLE>
</BODY>
</HTML>
欢迎转载《JAVASCRIPT 实现动态增加、删除表单域》，请保留出处。
返回首页 | 关于我们 | 联系我们 | 付款方式118 | 帮助中心 | 提问帮助 | 中域互联招聘 |  网站地图 |  建站信息中心
客服1号：619086478 客服2号：759043498 客服3号：419602084 客服4号：707187709
技术1号：502825590 技术2号：609223275 技术3号：347054506 网站备案：626709096
电话：020-32676839、32696039、32651958 传真：020-32677208 邮件和MSN：service@118cy.net 118
广州市炬正通信技术有限公司　地址：广州市黄埔大道中员村白马岗街艾琳大楼406　邮编：510655 
《中华人民共和国增值电信业务经营许可证》ISP证编号：粤B2-20080048  粤ICP备07025283号
广州虚拟主机提供商-中域互联营业执照