JavaScript动态添加删除表格行列
上周因为手头一个东西需要增加不定项目,左思右想没有找到一个好的解决办法。刚好旧友soot过来深圳,他给了我一个办法,用javascript动态添加删除表格行的思路,并演示了一下,符合我的要求,于是拿出来与大家共分享
以下是我测试的代码
If Request("dd")<>"" Then
Response.write(Ubound(split(request("dd"),",")))
End If
%>
var i = 0;
function add() {
i++;
var tbl = document.all.tbl;
var tr = tbl.insertRow();
var td = tr.insertCell();
td.innerHTML = ""
}
添加之后同时将值存在一个隐藏表单域中,以便提交时使用,使用数组方法接收值。
今日在网上搜索,发现一个网友的博客中也有相关代码,于是帖过来一起参考。
第一行 |
function addRow(){//添加表格的一行
oTR=idTB.insertRow(idTB.rows.length);
tmpNum=oTR.rowIndex;
oTD=oTR.insertCell(0);
oTD.innerText="第" + tmpNum+"行";//在该处添加的HTML代码会原封不动的显示在页面上
oTD.innerHTML="";//要在该格添加的HTML代码填在这里,因为这里是text,注意不要重名了。
idLast.innerText=idTB.rows.length;
if(idTB.rows.length>0)
idFirst.innerText='1';
return true;
}
function delRow(){//删除表格的一行
sIndex=idIndex.value;
if(sIndex=='')
sIndex=idTB.rows.length-1;
else
sIndex=parseInt(sIndex)-1;
idTB.deleteRow(sIndex);
idLast.innerText=idTB.rows.length;
if(idTB.rows.length==0)
idFirst.innerText='0';
}