动态增删表

原创 2004年10月03日 15:32:00

前台页面page1.html:

 <FORM action="Page2.asp" method=POST id="form1">
 <table id="myTable">
  <tr >
   <td id="myTd1">
    <INPUT type="text" name="text1">内容
   </td>
  </tr>
 </table>
 <br/>
 <button  onclick="doAdd();" >AddRow</button>
 <button  onclick="doDel();" >DelRow</button>
 <button  onclick="form1.submit();">OK!</button>
</FORM>
 
<script>
var i=0;
function doAdd()
{
 i=i+1;
 var nowTable=document.all.myTable;
 var newTr=nowTable.insertRow(i);
 var newTd=newTr.insertCell(0);
 newTd.innerHTML =myTd1.innerHTML;
 
 //假设名字是随便取的
 newTd.getElementsByTagName("INPUT")[0].setAttribute("name","text" + parseInt( Math.random() * 100));
 
 //可以用下面这行测试新名字
 alert( newTd.getElementsByTagName("INPUT")[0].getAttribute("name"));
 //getAttribute("name"));
 
}
function doDel()
 {
 if(i>=1)
 {
  document.all.myTable.rows(i).removeNode();
  i=i-1;
 }
 else
 {
  alert("不能全删光!");
 }
}
</script>
 
后台页面page2.asp:

<%
 
 for each myInput in Request.Form
  Response.Write myInput 
  Response.Write "=" 
  Response.Write  Request(myInput)
  Response.Write  "<br/>"
 next
%>

 

 

 


<table id="idTB" border=1>
  <tr id="idTR">
    <td>First row</td>
  </tr>
</table>
<input type="button" onclick="addRow();" value="加一行">
<br/>
<input type="button" onclick="RemoveRow();" value="减一行">
<script language="javascript">
function addRow()
{
  oTR=idTB.insertRow(idTB.rows.length);
  oTD=oTR.insertCell(0);
  oTD.innerText="New Row " + oTR.rowIndex;
}
function RemoveRow()
{
  oTR=idTB.rows(idTB.rows.length-1);
  oTR.removeNode(true);
}
</script>

JQuery动态增删表格行

new_file1 function delTr(obj){ //删除行 $(obj).parent().parent().r...
  • snailanger
  • snailanger
  • 2014年03月20日 01:44
  • 2481

动态增删表字段.rar

动态增删表字段  下载示例
  • mzoffice
  • mzoffice
  • 2008年11月18日 01:36
  • 407

JQuery页面可增删表格

遇到一个新的需求,要求在页面上可以增加和删除表格,记得在jQuery中有类似的东西,自己借鉴了下,下面是代码。 html代码: ...
  • mengdonghui123456
  • mengdonghui123456
  • 2016年07月10日 21:28
  • 632

MySQL中的表中字段增删改

1.增加一个字段 alter table user add COLUMN new1 VARCHAR(20) DEFAULT NULL; //增加一个字段,默认为空 alter table user a...
  • u013498057
  • u013498057
  • 2015年01月17日 10:40
  • 327

jquery动态增删行插件

//动态内容区JS by 尘絮缘 2012 qq:80213876 (function ($) { var defaults = { container: ".dynami...
  • luoyeyu1989
  • luoyeyu1989
  • 2012年04月07日 14:05
  • 2673

动态添加treeview的节点

,动态添加treeview的节点主要控件:treeview,imagelist,button注意:treeview1.imagelist=imagelist1     Private Sub Butt...
  • keenweiwei
  • keenweiwei
  • 2008年12月25日 17:12
  • 1761

JS动态增删行

 function addFileToList(fileId, fileName) ...{    var table = document.getElementById("tb_uploadFile...
  • justdr
  • justdr
  • 2008年05月09日 09:52
  • 159

Redis集群动态增删节点

Redis集群动态增删节点
  • l0m0a0
  • l0m0a0
  • 2017年04月09日 15:28
  • 69

动态增删文本框

一个QQ群里的朋友问怎么动态增加和删除表单的文本框,here is the code ……顺手贴上来 html>head>head>body>script>...var n=0;//计数器functi...
  • slawdan
  • slawdan
  • 2007年03月16日 16:31
  • 677

jquery动态增删行

choose_path .css" rel="stylesheet" type="text/css" /> jQuery(document).ready(fun...
  • okkeqin
  • okkeqin
  • 2014年04月17日 18:10
  • 525
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:动态增删表
举报原因:
原因补充:

(最多只允许输入30个字)