如何实现增加表格新行，行里带有原有行的文本框对象

superxs 2003-09-22 03:32:41

<SCRIPT LANGUAGE="JavaScript">
function addrow() {
var t = document.getElementById("t");
alert(t.rows);
t.insertRow().insertCell().innerText=t.rows.innerText;//这只是取原来行里的文本的，如果取原来行的文本框对象，该如何操作
}
</SCRIPT>

<table border="1" id="t">
<tr><input type=text name=ppl1></td></tr>

</table>
<button onclick="addrow()">addrow</button>

...全文

173 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

superxs 2003-09-22

打赏
举报

fokker(独孤龙) ~ anita2li(hehe...) ~符合~~

恩，innerHTML，看来俺还是不熟，脚本

给分~

anita2li 2003-09-22

打赏
举报

<table id=t>
<tr><td><input type="text" name="tt1"></td></tr>
</table>
<input type="button" onclick="addRow()">
<Script Language="JavaScript">
var rowIdx=1;
function addRow()
{
rowIdx += 1;
var newTR = t.insertRow();
var newCell = newTR.insertCell();
newCell.innerHTML = "<input type='text' id='tt"+ rowIdx +"' name='tt"+ rowIdx +"'>";
var idName = "tt"+(rowIdx-1);
alert(idName)
alert(document.getElementById(idName).value);
}
</Script>

zhanghk 2003-09-22

打赏
举报

function addrow() {
var t = document.getElementById("t");
alert(t.rows);
var tr = t.rows[0];
var oCloneNode = tr.cloneNode(true);
t.appendChild(oCloneNode);
}

fokker 2003-09-22

打赏
举报

<SCRIPT LANGUAGE="JavaScript">
function addrow() {
var t = document.getElementById("t");
var count=t.rows.length+1;
t.insertRow().insertCell().innerHTML="<input type=text name=ppl" + count + ">";
}
</SCRIPT>

<table border="1" id="t">
<tr><td><input type=text name=ppl1></td></tr>
</table>
<button onclick="addrow()">addrow</button>

zhanghk 2003-09-22

打赏
举报

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<SCRIPT LANGUAGE="JavaScript">
function addrow() {
var t = document.getElementById("t");
alert(t.rows);
// t.insertRow().insertCell().innerText=t.rows.innerText;//ÕâÖ»ÊÇÈ¡ÔÀ´ÐÐÀïµÄÎÄ±¾µÄ£¬Èç¹ûÈ¡ÔÀ´ÐÐµÄÎÄ±¾¿ò¶ÔÏó£¬¸ÃÈçºÎ²Ù×÷
var tr = t.rows[0];
var oCloneNode = tr.cloneNode(true);
t.appendChild(oCloneNode);
}
</SCRIPT>

<table border="1" id="t">
<tr><input type=text name=ppl1></td></tr>

</table>
<button onclick="addrow()">addrow</button>
</BODY>
</HTML>

roy66 2003-09-22

打赏
举报

<body>
<TABLE id="recordTable" width=80% align=center border=1>
<tr><td width=33%>11</td><td width=33%>12</td><td width=33%>13</td></tr>
<tr><td width=33%>21</td><td width=33%>22</td><td width=33%>23</td></tr>
<tr><td width=33%>31</td><td width=33%>32</td><td width=33%>33</td></tr>
</TABLE>
<P align=center><input type=text name=num size=6> <input type=button value="插入" onclick="AddRecord(num.value)">
<script>
function AddRecord(num)
{
var row = recordTable.insertRow(num-1);
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = i+1;
col = row.insertCell(1);
col.innerHTML = i+1;
col = row.insertCell(2);
col.innerHTML =i+1;
}
</script>
</body>