可以在Jsp页面用Js来控制循环打印表格吗?

<%for(inti=1;i<=10;i++){%><tr><td><inputtype="hidden"value="商品数量:"/><br><inputtype="t... <%for(int i=1;i<=10;i++){ %>
<tr>
<td>
<input type="hidden" value="商品数量:" /><br>
<input type="text" name="spNum" value="" />
</td>
<td>
<input type="hidden" value="商品条码:" /><br>
<input type="text" name="spNum" value="" />
</td>
</tr>
<%} %>还有一个按钮<input type="button" name="nextInsert" width="30px" value="继续添加"onclick="continueInsert()" />
我不想一次就把10对文本框打印出来,想这个"继续添加"按钮按一下出来一对.该怎么实现呢?
你们的办法都蛮好,挺感谢的对我的Js有新的认识!可惜只能给一个最佳!
展开
 我来答
一点设计演示
高粉答主

推荐于2016-03-11 · 职场/教育各类模板,衷于原创
一点设计演示
采纳数:874 获赞数:83615

向TA提问 私信TA
展开全部
可以的。操作方法如下:
一、给jsp表单页面需要打印的内容加id,调用js方法,注意:content是jsp里面div的id。
[javascript] view plaincopyprint?
onclick="startPrint(document.getElementById('content'));”
二、js函数
[javascript] view plaincopyprint?
function startPrint(obj)
{
var oWin=window.open("","_blank");
var strPrint="<h4 style='font-size:18px;border:0px; text-align:center;' width=730>付款申请表</h4>\n";
/***************styleStart***************************/
strPrint=strPrint + "<style type=\"text/css\" media=print>\n";
strPrint=strPrint + "\.noprint{display : none }\n";
strPrint=strPrint + "<\/style>\n";
/*****************styleEnd************************/
strPrint=strPrint + "<script type=\"text/javascript\">\n";
strPrint=strPrint + "\window.onload=function(){\n";
strPrint=strPrint + "\document.getElementById(\"up1\").style.fontSize = \"12px\"\n";
strPrint=strPrint + "\document.getElementById(\"t\").style.fontSize = \"12px\"\n";
strPrint=strPrint + "\document.getElementById(\"makeFlowIdNoGroup\").style.fontSize = \"12px\"\n";
strPrint=strPrint + "\}\n";
strPrint=strPrint + "function printWin()\n";
strPrint=strPrint + "{";
strPrint=strPrint + "var oWin=window.open(\"\",\"_blank\");\n";
strPrint=strPrint + "oWin.document.write(document.getElementById(\"content\").innerHTML);\n";
strPrint=strPrint + "oWin.focus();\n";
strPrint=strPrint + "oWin.document.close();\n";
strPrint=strPrint + "oWin.print()\n";
strPrint=strPrint + "oWin.close()\n";
strPrint=strPrint + "}\n";
strPrint=strPrint + "<\/script>\n";
strPrint=strPrint + "<table id=\"content\" style='font-size:12px;margin-top:-20px' border=1 cellSpacing=0 cellPadding=0 width=730>\n";
strPrint=strPrint + obj.innerHTML + "\n";
strPrint=strPrint + "</table>\n";
strPrint=strPrint + "<hr size='1' class='noprint' />\n";
strPrint=strPrint + "<div class='noprint' style='text-align:center'><button onclick='print();' style='padding-left:4px;padding-right:4px;'>打 印</button><button onclick='window.opener=null;window.close();' style='padding-left:4px;padding-right:4px;'>关 闭</button></div>\n";
oWin.document.write(strPrint);
oWin.focus();
oWin.document.close();
}
lylegend13
2011-11-17 · TA获得超过4696个赞
知道大有可为答主
回答量:1701
采纳率:0%
帮助的人:1726万
展开全部
你好,这个其实完全属于javascript的技术了,我的空间整理了一篇javascript添加、删除、修改表格的文章,你把代码拷贝了可以直接运行

<javaScript>精彩操作表格(添/改/删)
http://hi.baidu.com/lylegend13/blog/item/a2b9dd1b980b86f1af51331a.html
追问
太精彩了!我原以为Js只能做什么验证,限制判断之类事情!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
kim_1004
推荐于2016-11-06 · 超过21用户采纳过TA的回答
知道答主
回答量:47
采纳率:0%
帮助的人:52万
展开全部
作了个小例子。按下按钮时生成一行,希望对你有帮助
<html>
<head>
<script type="text/javascript">
function test(){
var tr = document.getElementById("table").insertRow(-1);
var td1 = tr.insertCell(0);
var td2 = tr.insertCell(1);
var td3 = tr.insertCell(2);
var td4 = tr.insertCell(3);
var td5 = tr.insertCell(4);
td1.innerHTML = "<input type='text' value='1111:' /><br>";
td2.innerHTML = "111";
td3.innerHTML = "111";
td4.innerHTML = "111";
td5.innerHTML = "111";
}
</script>
</head>
<body>
<input type="button" value = "生成一行" onclick="test(); return false">
<table id="table" border="1">
</table>
</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
谁是小学徒
2011-11-17 · 超过27用户采纳过TA的回答
知道答主
回答量:217
采纳率:0%
帮助的人:55.5万
展开全部
可以的,用js的生成标签函数, 函数名我忘了
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(2)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式