87,910
社区成员
发帖
与我相关
我的任务
分享用javascript复制表格行带来问题，高手们帮我看看啊
一个一行一列的表格，单元格里面有一个输入框，id=a1,这个输入框上面有两个事件：onclick="getValeu('a1')" onblur="clear('a1')",现在给表格添加一行，就是将已有的行复制再添加到这个表格中去。但是要将新增加行里输入框控件的ID和事件里参数都换成a2 怎么实现呢？
...全文
请发表友善的回复…
发表回复
stcllnb 2006-08-09
- 打赏
- 举报
谢谢楼上的几位
mingxuan3000 2006-08-04
- 打赏
- 举报
onclick="getValeu(this.id)" onblur="clear(this.id)"
chszs 2006-08-04
- 打赏
- 举报
你可以将onclick="getValeu('a1')" onblur="clear('a1')"中的a1用变量代替，在js中通过添加一行触发的事件 进行赋值a2，然后就取得a2的值了。
lantersen 2006-08-04
- 打赏
- 举报
<script language="javascript" type="text/javascript">
function appendit()
{
var utable = document.getElementById("utable");
for (var i=0; i<1; i++)
{
var currentRow = utable.insertRow();
for (var j=1; j<3; j++)
{
var button = document.createElement("<input id=\"b"+j+"\" name=\"b"+j+"\" type='button' value=\"AppendButton"+j+"\">");
button.onclick = function () { alert(this.id); }
button.onblur = function () { alert(this.id);}
var currentCell = currentRow.insertCell();
currentCell.appendChild(button);
}
}
}
</script>
</HEAD>
<BODY onload="appendit();">
<TABLE id="utable" name="utable" width="20%" align="center" border="1">
<TR>
<TD>asdasd</TD>
<TD>asdasd</TD>
</TR>
<TR>
<TD>asdfasd</TD>
<TD>asdfad</TD>
</TR>
</TABLE>
</BODY>
</HTML>
function appendit()
{
var utable = document.getElementById("utable");
for (var i=0; i<1; i++)
{
var currentRow = utable.insertRow();
for (var j=1; j<3; j++)
{
var button = document.createElement("<input id=\"b"+j+"\" name=\"b"+j+"\" type='button' value=\"AppendButton"+j+"\">");
button.onclick = function () { alert(this.id); }
button.onblur = function () { alert(this.id);}
var currentCell = currentRow.insertCell();
currentCell.appendChild(button);
}
}
}
</script>
</HEAD>
<BODY onload="appendit();">
<TABLE id="utable" name="utable" width="20%" align="center" border="1">
<TR>
<TD>asdasd</TD>
<TD>asdasd</TD>
</TR>
<TR>
<TD>asdfasd</TD>
<TD>asdfad</TD>
</TR>
</TABLE>
</BODY>
</HTML>
stcllnb 2006-08-04
- 打赏
- 举报
自己顶
WolfChaseLion 2006-08-04
- 打赏
- 举报
<html>
<head>
<script language="javascript" type="text/javascript">
function appendTable()
{
var table1 = document.getElementById("Table1");
var currentRow = table1.childNodes[0];
var newRow = currentRow.cloneNode(true); //copy a row including its child nodes
var childs = newRow.getElementsByTagName("input");
childs[0].onclick=function(){
alert('getValue(a2)');
};
childs[0].onblur=function(){
alert('clear(a2)');
};
table1.appendChild(newRow);
}
</script>
</HEAD>
<BODY onload="appendTable();">
<TABLE id="Table1" width="20%" align="center" border="1">
<TR>
<TD><input type="text" onclick="alert('getValue(a1)');" onblur="alert('clear(a1)');"/></TD>
</TR>
</TABLE>
</BODY>
</HTML>
<head>
<script language="javascript" type="text/javascript">
function appendTable()
{
var table1 = document.getElementById("Table1");
var currentRow = table1.childNodes[0];
var newRow = currentRow.cloneNode(true); //copy a row including its child nodes
var childs = newRow.getElementsByTagName("input");
childs[0].onclick=function(){
alert('getValue(a2)');
};
childs[0].onblur=function(){
alert('clear(a2)');
};
table1.appendChild(newRow);
}
</script>
</HEAD>
<BODY onload="appendTable();">
<TABLE id="Table1" width="20%" align="center" border="1">
<TR>
<TD><input type="text" onclick="alert('getValue(a1)');" onblur="alert('clear(a1)');"/></TD>
</TR>
</TABLE>
</BODY>
</HTML>
