求人帮忙写表格增加一行的效果.多谢啊-ASP教程-爱易网页

求人帮忙写表格增加一行的效果.多谢啊

日期：2014-05-17　浏览次数：20755 次

求人帮忙写表格增加一行的效果...谢谢啊!
我想做一个提交表单,然后通过点击按钮'添加一行'可以录入多行数据. 下面是表单代码, 我想通过图片'加号.jpg',对表格完成添加一行. 另外,实现添加一行的控件名字自动增加1.用于我操作插入数据.如我第一行某个控件,name='nm1',点击再加一行后,第二行的name='nm2'.

VBScript code


  <table width="500" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#003399">
    <tr>
      <td width="177" height="30" bgcolor="#CCCCCC"><div align="center" class="STYLE22">扣费日期</div></td>
      <td width="99" bgcolor="#CCCCCC"><div align="center" class="STYLE22">发生部门</div></td>
      <td width="187" bgcolor="#CCCCCC"><div align="center" class="STYLE22">费用金额</div></td>
      <td width="32" bgcolor="#D7E4F2"><span class="STYLE22"><img src="images/加号.jpg" width="30" height="30" onClick="addIt()" style="cursor:hand;;"/></span></td>
    </tr>
    <tr>
      <td bgcolor="#D7E4F2"><div align="center"><span class="STYLE20">
        <input name="kfrq1" type="text" class="xian" id="kfrq1" onClick="WdatePicker()" size="15" readonly="true"/>
      </span></div></td>
      <td bgcolor="#D7E4F2"><div align="center"><span class="STYLE20">
<select name="select1">
      <option value="a">a</option>
      <option value="b">b</option>
      <option value="c">c</option>
    </select>
  </p>      </span></div></td>
      <td colspan="2" bgcolor="#D7E4F2"><div align="center"><span class="STYLE20">
        <input name="fyje1" type="text" class="xian" id="fyje1" size="15"/>
      </span></div></td>
    </tr>
  </table>

------解决方案--------------------
用js进行dom操作，使用像jquery这种框架更简单点
比如用append就直接在元素内部增加某段html
------解决方案--------------------
第一种最简单的方式是隐藏几行当点添加的时候显示出下一行

第二就是用一个隐藏域记录当前有几个text, 当点添加按钮的时候用FOR进行循环创建

VBScript code


<%
   Dim intmark
   intmark=request("隐藏域")
   for i=1 to intmark
    response.write ("<tr><td><input type=text name=text"&i&"></td></tr>")
   next
%>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

求人帮忙写表格增加一行的效果.多谢啊

相关资料更多>

推荐阅读更多>