动态表格增删行和列

http://bolm.cn/go.php?id=448 这个好像有这个功能

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<script>
function remove(){
var tab = document.getElementById("tab").getElementsByTagName("tr")
if(tab[0].getElementsByTagName("td").length==1)
return
for(var i=0;i<tab.length;i++)
{

    tab[i].removeChild(tab[i].getElementsByTagName("td")[tab[i].getElementsByTagName("td").length-1])
}
}
</script>
<table id="tab" width="500" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<br>
<input value="删除列" type="button" onClick="remove()">
<HTML>
<HEAD>
<title>WebForm2</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="javascript">
function CreateRow()
{
var oTable = document.getElementById("Table1");
var oTr = oTable.insertRow(-1);
var iCellsCount = oTable.rows[0].cells.length;
var iRowCount = oTable.rows.length;
for(var i=0 ; i<iCellsCount ; i++)
{
var oCell = oTr.insertCell();
oCell.align = "center";
if(i==0)
{
oCell.innerText = iRowCount-1;
}
if(i == iCellsCount-1)
{
oCell.innerHTML = "<a href='_blank' onclick='DeleteOneRow();return false'>删除</a> "+
"<a href='_blank' onclick='return false'>选择</a>";
}
if(i == iCellsCount-2)
{
var oInputNode = document.createElement("INPUT");
oInputNode.className = "nones";
oCell.appendChild(oInputNode);
}
}
}

function DeleteOneRow()
{
var iRowIndex = event.srcElement.parentNode.parentNode.rowIndex;
var oTable = document.getElementById("Table1");
var iRowCount = oTable.rows.length-1;

for(var i=iRowIndex+1 ; i<=iRowCount ; i++)
{
oTable.rows[i].cells[0].innerText = i-1;
}
oTable.deleteRow(iRowIndex);
}
</script>
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<FONT face="宋体">
<input type=button  value="创建行" onclick="CreateRow()">
<TABLE id="Table1"  cellSpacing="1" cellPadding="1" width="300" border="1">
<TR>
<TD>head</TD>
<TD>head</TD>
<TD>head</TD>
</TR>
</TABLE>
</FONT>
</form>
</body>
</HTML>
注意一点，添加或删除时，索引值是对可见单元格来说的。不可见的单无格不算。比如<tr><td style="display:none">不可见</td><td>可见的</td> 上面如果要删除那个可见的，索引要用0而不是用1。-----------------------------------------
WEB自动化:  http://www.grscript.com/