ASP实现动态添加表单内容的实例程序-ASP教程-爱易网页

ASP实现动态添加表单内容的实例程序

日期：2010-11-02　浏览次数：20900 次

　　很多时候，不知道需要表单的数目，就需要能对表单进行数量的控制。收集了如下两个效果：

　　效果1:

<html><body><form name="form1"><table id="tb1" border=0> <tr><td><a href="#" >添加附件</a></td></tr></table><input type="hidden" name="fjCnt" value="1" /></form></body></html><script language="javascript"> function addFj() { var oTb = document.getElementById("tb1"); var oTr = oTb.insertRow(0); var name = "thefilename"+document.form1.fjCnt.value; document.form1.fjCnt.value=parseInt(document.form1.fjCnt.value)+1; oTr.insertCell(0).innerHTML = "<input id='file' name='"+name+"' type=file style='width:400px;'> <input type=button >" return false; } function delFj(obj) { obj.parentElement.parentElement.removeNode(true); return false; }</script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

　　效果2:

<HTML><HEAD><STYLE TYPE="text/css"></STYLE><SCRIPT LANGUAGE="vbscript">function addfile()dim strstr="<table>"if not IsNumeric (window.form1.filenum.value) then window.form1.filenum.value =1for i=1 to window.form1.filenum.valuestr=str&"<tr><td valign='middle'>文件"&i&":</td><td><input type='file' name='file"&i&"' class='tx1' value size='20'>　　保存为<input type='text' name='file"&i&"' size='20' class='tx2'></td></tr>"nextwindow.uptd.innerHTML =str&"</table>"end function</SCRIPT><SCRIPT LANGUAGE="JavaScript"></SCRIPT><TITLE></TITLE><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"></HEAD><BODY BGCOLOR="#ffffff" CLASS="p9" ><FORM METHOD="post" NAME="form1" ACTION="savetofile.asp" ENCTYPE="multipart/form-data"> <TABLE BORDER="0" ALIGN="center" CELLPADDING="0" CELLSPACING="0"> <TR> <TD><DIV ALIGN="center"><FONT COLOR="#0000ff" SIZE="5">保存到文件</FONT></DIV></TD> </TR> <TR> <TD><TABLE WIDTH="750" BORDER="1" ALIGN="center" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="#111111" STYLE="BORDER-COLLAPSE: collapse"> <TR> <TD HEIGHT="27" COLSPAN="2">上传 <INPUT NAME="filenum" CLASS="tx2" VALUE="1" SIZE="4"> 个文件　　 <INPUT TYPE="button" NAME="Button" CLASS="bt" VALUE="设定"> </TD> <div class="clearfix"></div> </div> <nav aria-label="..."> <ul class="pager"> <li class="previous"><a href="25355">上一篇：ASP实现一行多列显示方法实例程序</a></li> <li class="next"><a href="25353">下一篇：自动发贴程序-百度贴吧验证码算法</a></li> </ul> </nav> <div class="alert alert-warning" role="alert"> <strong>免责声明：</strong> 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 </div> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">相关资料<span><a target="_blank" class="pull-right" href="/asp/">更多></a></span></h3> </div> <div class="panel-body row"> <ol> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/24247' title='asp实现将Excel表导入到sql数据库' target="_blank"> asp实现将Excel表导入到sql数据库</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/25332' title='技巧：Access与Sql Server之ASP代码比较' target="_blank"> 技巧：Access与Sql Server之ASP代码比较</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/50940' title=' ASP“操作必须使用一个可更新的查询”有关问题 ' target="_blank"> ASP“操作必须使用一个可更新的查询”有关问题 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/28746' title='轻松解决页面回传后页面滚动到顶端' target="_blank"> 轻松解决页面回传后页面滚动到顶端</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/51676' title=' 从数据库里读出来的记录在网页里面不能对齐,该如何处理 ' target="_blank"> 从数据库里读出来的记录在网页里面不能对齐,该如何处理 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/25351' title='ASP技巧：提高使用Request集合的效率' target="_blank"> ASP技巧：提高使用Request集合的效率</a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/47039' title=' session 数组删除有关问题 ' target="_blank"> session 数组删除有关问题 </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/48705' title=' 哪位高手能把这句话存到数据库中？ ' target="_blank"> 哪位高手能把这句话存到数据库中？ </a></li></div> <div class="col-md-6 col-xs-12"> <li class="articleAbout"><a href='/asp/51105' title=' 关于跨域名传值的有关问题哪位高手知道帮帮忙吧 ' target="_blank"> 关于跨域名传值的有关问题哪位高手知道帮帮忙吧 </a></li></div> </ol> </div> </div> </div> <div class="col-lg-4 hidden-sm hidden-xs">  <a id="AdPageRight1_AdPageRight" href="http://www.tdyun.com/cloud/?aiyiweb" target="_blank"><img class="img-responsive" src="/images/TdPageAd/vps2.png" alt="香港云服务器免备案云主机VPS 国内独立IP 独享15M 月付SSD" /></a> <script src='/Scripts/AdContentPage300_1.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_2.js' language='javascript'></script> <script src='/Scripts/AdContentPage300_3.js' language='javascript'></script> <div class="panel panel-default"> <div class="panel-heading"> <h3 class="panel-title">推荐阅读<span><a target="_blank" class="pull-right" href="/asp/">更多></a></span></h3> </div> <div class="panel-body"> <ol> <li class="articleAbout"><a href=/asp/30760 title='ASP.NET 2.0 Beta2 中特殊文件夹名称的改变' target="_blank"> ASP.NET 2.0 Beta2 中特殊文件夹名称的改变</a></li> <li class="articleAbout"><a href=/asp/27611 title='解析正则表达式' target="_blank"> 解析正则表达式</a></li> <li class="articleAbout"><a href=/asp/30932 title='超链接的文字说明+链接打开确定大小和样式页面' target="_blank"> 超链接的文字说明+链接打开确定大小和样式页面</a></li> <li class="articleAbout"><a href=/asp/24974 title='跨站Script攻击和防范-ASP漏洞集' target="_blank"> 跨站Script攻击和防范-ASP漏洞集</a></li> <li class="articleAbout"><a href=/asp/31444 title='实战ASP(4):循序渐进学留言薄' target="_blank"> 实战ASP(4):循序渐进学留言薄</a></li> <li class="articleAbout"><a href=/asp/22620 title='词语搭配游戏的制作（ASP）二' target="_blank"> 词语搭配游戏的制作（ASP）二</a></li> <li class="articleAbout"><a href=/asp/31499 title='ASP数据库编程SQL常用技巧' target="_blank"> ASP数据库编程SQL常用技巧</a></li> <li class="articleAbout"><a href=/asp/46714 title=' ASP.NET服务器控件打包-【事件】-1.1【事件回发.异步回调】 ' target="_blank"> ASP.NET服务器控件打包-【事件】-1.1【事件回发.异步回调】 </a></li> <li class="articleAbout"><a href=/asp/45865 title=' 注消FSO组件：不成功，但是起用可以 ' target="_blank"> 注消FSO组件：不成功，但是起用可以 </a></li> <li class="articleAbout"><a href=/asp/29836 title='ASP值多少钱，还能值钱多久（终结篇）' target="_blank"> ASP值多少钱，还能值钱多久（终结篇）</a></li> <li class="articleAbout"><a href=/asp/27938 title='ASP如何与IIS连接' target="_blank"> ASP如何与IIS连接</a></li> <li class="articleAbout"><a href=/asp/20282 title='以前收集的一些资料---使用ASP加密算法加密你的数据（一）_ASP安全加密_ASP教程' target="_blank"> 以前收集的一些资料---使用ASP加密算法加密你的数据（一）_ASP安全加密_ASP教程</a></li> <li class="articleAbout"><a href=/asp/53239 title=' 关闭窗口的操作 xmlhttp 的post取不到值, get取得到值,该如何解决 ' target="_blank"> 关闭窗口的操作 xmlhttp 的post取不到值, get取得到值,该如何解决 </a></li> <li class="articleAbout"><a href=/asp/49033 title=' asp.net鼠标滑过选项卡显示不同内容解决方法 ' target="_blank"> asp.net鼠标滑过选项卡显示不同内容解决方法 </a></li> <li class="articleAbout"><a href=/asp/50998 title=' 怎么读取特定日期的记录 ' target="_blank"> 怎么读取特定日期的记录 </a></li> <li class="articleAbout"><a href=/asp/48906 title=' 请问这些语句都是什么意思 ' target="_blank"> 请问这些语句都是什么意思 </a></li> <li class="articleAbout"><a href=/asp/25224 title='当碰到不能使用asp标记的时候' target="_blank"> 当碰到不能使用asp标记的时候</a></li> <li class="articleAbout"><a href=/asp/52593 title=' 用Application显示不出在线人数解决方法 ' target="_blank"> 用Application显示不出在线人数解决方法 </a></li> <li class="articleAbout"><a href=/asp/24035 title='aspjpeg组件通用加水印函数代码' target="_blank"> aspjpeg组件通用加水印函数代码</a></li> <li class="articleAbout"><a href=/asp/25158 title='用ASP显示目录的大小字节' target="_blank"> 用ASP显示目录的大小字节</a></li> </ol> </div> </div> </div> </div> <div class="clearfix"></div> <footer class=" footer navbar-bottom"> <em>友情链接：</em> <a href="http://www.aiyiweb.com/" target="_blank">爱易网 </a> <a href="http://www.aiyiweb.com/" target="_blank">云虚拟主机技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">云服务器技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">程序设计技术 </a> <a href="http://www.aiyiweb.com/" target="_blank">开发网站 </a> <a href="http://www.aiyiweb.com/" target="_blank">APP开发教程 </a> <br /> <script type="text/javascript">(function(){document.write(unescape('%3Cdiv id="bdcs"%3E%3C/div%3E'));var bdcs = document.createElement('script');bdcs.type = 'text/javascript';bdcs.async = true;bdcs.src = 'http://znsv.baidu.com/customer_search/api/js?sid=15239353030108964139' + '&plate_url=' + encodeURIComponent(window.location.href) + '&t=' + Math.ceil(new Date()/3600000);var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(bdcs, s);})();</script> Copyright © 2013-2024 爱易网页当前在线：1419人　网站在20时7分40秒内访问总人数：271279人当前 29.81% 　<a href="https://beian.miit.gov.cn" target="_blank">粤ICP备18100884号-2 </a> <script charset="UTF-8" id="LA_COLLECT" src="//sdk.51.la/js-sdk-pro.min.js"></script> <script>LA.init({ id: "JszEmKrtpbU59dY5", ck: "JszEmKrtpbU59dY5" })</script> </footer> </div> </body> </html>