用JSP动态生成表格

在界面上提交行数n和列数m的2项信息，在页面上显示n×m的表格！麻烦各位了！... 在界面上提交行数n和列数m的2项信息，在页面上显示n×m的表格！麻烦各位了！展开

 我来答

2个回答

#合辑# 机票是越早买越便宜吗？

gua331921839
推荐于2018-04-13 · TA获得超过204个赞

知道小有建树答主

回答量：197

采纳率：0%

帮助的人：108万

我也去答题访问个人页

关注

展开全部

用JS生成：

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Test</title>
<script type="text/javascript">
function toTable(){
var rows = document.getElementById("txtRow").value;
var cols = document.getElementById("txtCol").value;
var textHTML = '<table cellpadding="0" cellspacing="0" border="1" width="100%">';
for(var i=0; i<rows; i++){
textHTML += '<tr align="center" height="30">';
for(var j=0; j<cols; j++){
textHTML += "<td>[" + (i+1) + "] | [" + (j+1) + "]</td>";
}
}
textHTML += "</table>";
document.getElementById("testTable").innerHTML = textHTML;
}
</script>
</head>

<body onload="toTable();">
行：<input type="text" name="txtRow" value="3" style="width: 50px;"/>
列：<input type="text" name="txtCol" value="3" style="width: 50px;"/>
<input type="button" name="btnGo" value="生成" onclick="toTable();"/>
<br />
<div id="testTable">
</div>
</body>
</html>

----------------------------------------------------------
用JAVA代码：

<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>Test</title>
</head>

<body>
<div>
<table cellpadding="0" cellspacing="0" border="1" width="100%">
<%
int rows = 3; // 多少行
int cols = 3; // 多少列
for(int i = 0; i < rows; i++ ){
%>
<tr align="center" height="30">
<%
for(int j = 0; j < cols; j++ ){
%>
<td>[<%=i+1 %>] | [<%=j+1 %>]</td>
<%
}
}
%>
</table>
</div>
</body>
</html>

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2024-11-30

勤哲Excel服务器2024学习和下载。用Excel自动生成excel表格制作报表及手机app.软博会金奖产品，适合于各行各业的管理人员使用。

www.qinzhe.com

北洋铲史官
2009-08-01

知道答主

回答量：1

采纳率：0%

帮助的人：0

我也去答题访问个人页

关注

展开全部

JSP脚本里面用嵌套循环输出，比如输出 n 行 m 列的表格：
<%
out.print("<table border='1px'>");
for(int i=0;i<n;i++){
out.print("<tr>");
for(int j=0;j<m;j++){
out.print("<td>& nbsp & nbsp</td>");
}
out.print("</tr>");
}
out.print("</table>");
%>