表格问题

bzk55 2003-02-27 03:36:56
我怎样在网页上用javascript语言来实现一个:
作一个按扭,每点击一个我的表格就会增加一行


谢谢。。。。。。。
...全文
64 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
bzk55 2003-03-19
  • 打赏
  • 举报
回复
我知道原因了,是因为我提交时把整个页面刷新,这样页面又变成和源代码写的一样又变成一行了,

但我现在还解决不了怎样在页面刷新时会保存我现在表格的行数然后在新的页面中会在原有的行上再增加一行
谢谢....................................
bzk55 2003-03-19
  • 打赏
  • 举报
回复
我用了上面的源程序加到我写的JSP文件中,想在表单中按Submit 按钮后可以使表单的内容会一次一行的增加到自动增加行的表格中,可是好像不行,好像提交函数和表格函数不兼容
zhangguagua 2003-03-19
  • 打赏
  • 举报
回复
你可以将新增加的text用变量i编号,比如aa1,aa2...aai然后将i保留在一个hidden中,提交到下一页。在下一页将i做为循环次数,从提交的参数中依次取aa1...aai
<table>
<script>
for(t=1;t<=i;t++)
document.write("<tr>...<%=request("aa"&i)%></tr>");
</script>
</table>
然后再象你现在这样动态增加就可以了。
wangxiaomax 2003-02-27
  • 打赏
  • 举报
回复
http://expert.csdn.net/Expert/topic/983/983335.xml?temp=.5647852
fason 2003-02-27
  • 打赏
  • 举报
回复
<SCRIPT LANGUAGE=javascript>
function delCol() {
try {
var Elm = event.srcElement;
while(Elm && Elm.tagName != "TR") {
Elm = Elm.parentElement;
}
if(Elm.parentElement.rows.length <= 1) {
alert("无法删除!");
return;
}
Elm.parentElement.deleteRow(Elm.rowIndex);
} catch(e) {
alert("Err 5001:\r\n" + e);
}
}
function addCol(id) {
try {
var oTable = document.getElementById(id);
if(oTable.tagName != "TABLE")
alert("Err 5002");
var oList = oTable.children;
var oTBODY;
for(var i=0;i<oList.length;i++) {
if(oList[i].tagName == "TBODY") {
oTBODY = oList[i];
break;
}
}
var oTR = oTBODY.lastChild;
var newTR = oTR.cloneNode(true);
addId(newTR);
oTBODY.insertAdjacentElement("beforeEnd",newTR);
} catch(e) {
alert("Err 5002:\r\n" + e);
}
}
function addId(node) {
try {
if(!node.hasChildNodes()) {
var prefix = node.getAttribute("id").split("_")[0];
var postfix = node.getAttribute("id").split("_")[1];
postfix = parseInt(postfix) + 1;
node.setAttribute("id",prefix + "_" + postfix);
node.setAttribute("value","");
return;
}
} catch(e) {}
try {
var oList = node.childNodes;
for(var i=0;i<oList.length;i++) {
addId(oList[i]);
}
} catch(e) {
alert("Err 5003:\r\n" + e);
}
}
</SCRIPT>
<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bordercolor="#000000" class="tableprintable" id="t1">
<tr align="center" class="tdbg0">
<td class="tdbg0"><button class="button" onClick="delCol()">
删除</button></td>
</tr>
</table>
<button class="button" onClick="addCol('t1')">添加一行</button>
</td>
</tr>
</table>
Go_Rush 2003-02-27
  • 打赏
  • 举报
回复
http://expert.csdn.net/Expert/topic/1462/1462881.xml?temp=6.066531E-02

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧