87,987
社区成员
发帖
与我相关
我的任务
分享我碰到了很有用，很奇怪的问题。
<table>中<tr>中有2个控件：文本框和按钮。
类似： <tr><td><input type=text ></td><td><input type=button></td></tr>
通过 javascript脚本，来实现动态添加这些控件。 〈tr>中的内容相当于模板。通过脚本，实现对这个模板的生成，然后输出。<table>中增加了一个相同的 <tr><td><input type=text ></td><td><input type=button></td></tr>
请帮忙，谢谢。
类似： <tr><td><input type=text ></td><td><input type=button></td></tr>
通过 javascript脚本，来实现动态添加这些控件。 〈tr>中的内容相当于模板。通过脚本，实现对这个模板的生成，然后输出。<table>中增加了一个相同的 <tr><td><input type=text ></td><td><input type=button></td></tr>
请帮忙，谢谢。
...全文
请发表友善的回复…
发表回复
紫郢剑侠 2003-07-14
- 打赏
- 举报
gz
Learning...
Learning...
gooddot 2003-07-14
- 打赏
- 举报
<script>
function show()
{
document.write("<tr><td><input type=text ></td><td><input value=111 type=button></td></tr>");
}
</script>
</body>
<a onClick="javascript:show()" href="">演示</a>
function show()
{
document.write("<tr><td><input type=text ></td><td><input value=111 type=button></td></tr>");
}
</script>
</body>
<a onClick="javascript:show()" href="">演示</a>
fason 2003-07-14
- 打赏
- 举报
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function addRow() {
myTable.outerHTML=myTable.outerHTML.replace(/<\/table>/i,(myTable.rows[myTable.rows.length-1].outerHTML)+"</table>");
myTable.rows[myTable.rows.length-1].cells[0].innerText++;
}
</SCRIPT></head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
<th>字段1<th>字段2<th>字段3<th>字段4</th>
<tr>
<td>1
<td><input type=text name=r1c1 size=20>
<td><input type=text name=r1c2 size=20>
<td><input type=text name=r1c3 size=30>
</tr>
</table>
<input type=button onclick="addRow()" value=新增>
</form>
</body>
</html>
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/tables/buildtables.asp
http://expert.csdn.net/Expert/topic/1999/1999510.xml?temp=.9595911
<head>
<SCRIPT LANGUAGE="JavaScript">
function addRow() {
myTable.outerHTML=myTable.outerHTML.replace(/<\/table>/i,(myTable.rows[myTable.rows.length-1].outerHTML)+"</table>");
myTable.rows[myTable.rows.length-1].cells[0].innerText++;
}
</SCRIPT></head>
<body bgcolor="#FFFFFF" text="#000000">
<form name="form1" method="post" action="">
<table width="98%" border="1" cellspacing="0" cellpadding="0" bordercolor="#ffcc00" align="center" id="myTable">
<th>字段1<th>字段2<th>字段3<th>字段4</th>
<tr>
<td>1
<td><input type=text name=r1c1 size=20>
<td><input type=text name=r1c2 size=20>
<td><input type=text name=r1c3 size=30>
</tr>
</table>
<input type=button onclick="addRow()" value=新增>
</form>
</body>
</html>
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/tables/buildtables.asp
http://expert.csdn.net/Expert/topic/1999/1999510.xml?temp=.9595911
gzh_seagull 2003-07-14
- 打赏
- 举报
<TABLE id=srctb>
<tr><td><input type=text ></td><td><input type=button></td></tr>
</TABLE>
<INPUT TYPE="button" value="克隆行" onclick="cloneRow(0)">
<SCRIPT LANGUAGE="JavaScript">
<!--
function cloneRow(num){
srctb.rows[num].parentElement.insertBefore(srctb.rows[num].cloneNode(true),srctb.rows[num])
}
//-->
</SCRIPT>
<tr><td><input type=text ></td><td><input type=button></td></tr>
</TABLE>
<INPUT TYPE="button" value="克隆行" onclick="cloneRow(0)">
<SCRIPT LANGUAGE="JavaScript">
<!--
function cloneRow(num){
srctb.rows[num].parentElement.insertBefore(srctb.rows[num].cloneNode(true),srctb.rows[num])
}
//-->
</SCRIPT>
