表格问题 http://expert.csdn.net/Expert/topic/1462/1462881.xml?temp=6.066531E-02 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <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> http://expert.csdn.net/Expert/topic/983/983335.xml?temp=.5647852 我用了上面的源程序加到我写的JSP文件中,想在表单中按Submit 按钮后可以使表单的内容会一次一行的增加到自动增加行的表格中,可是好像不行,好像提交函数和表格函数不兼容 你可以将新增加的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>然后再象你现在这样动态增加就可以了。 向大家请教一个问题,html中的form与<html:form>的区别是什么? Ext.grid.GridPanel+WEB SERVICE分页---新手求助 崩溃了!!!!!!!!!!! 给大家推荐一个可在Web上使用的报表设计工具的源码 商品对比功能的js功能,在线等 js问题,虽常见,解决方案也多,但没几个能实现。 JS如何修改父框架中的值. 不怕死的就进来看看(最怪的代码) 高分向各位高手请教,使用IE自带打印功能,请问怎样才能打印时不出现框架结构(或者去掉框架的边框呢)? 怎样监听DOM树的变化啊? jsp能接受javascript传来的值吗? 请问如何实现二进制的写入(100分)
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>
<table>
<script>
for(t=1;t<=i;t++)
document.write("<tr>...<%=request("aa"&i)%></tr>");
</script>
</table>
然后再象你现在这样动态增加就可以了。