jsp 单元格合并问题

看看这段代码,我想实现生成表格的动态合并单元格,也知道要添加colspan\rowspan但不晓得如何实现,请高手帮我实现,谢谢!<html><head><title>l... 看看这段代码,我想实现生成表格的动态合并单元格,也知道要添加colspan\rowspan但不晓得如何实现,请高手帮我实现,谢谢!

<html>
<head>
<title>llll</title>
</head>
<body>

<div id="aa"></div>
<h3>请输入要输入的表格的列数和行数：</h3>
行:<input type=text name="text1">
<br>
列:<input type=text name="text2">
<input type="button" value="提交" onclick="createtable()">

<h3>请输入两个数字</h3>
<h3>合并单元格：</h3>
从<input type=text name="text3">行 <input type=text name="text4">列开始
<br>
合并<input type=text name="text5">行 <input type=text name="text6">列
<br>
<input type="button" value="合并" onclick="changetable()">
<script>
var i,j,tmp,l,r;
function createtable()
{
tmp="<table border=1 width=5%>"
l=document.all.text1.value;
r=document.all.text2.value;

for(j=0;j<l;j++)
{
tmp=tmp+"<tr >"
for(i=0;i<r;i++)
{

tmp=tmp+"<td>"
tmp=tmp+"USE"
tmp=tmp+"<td>"

}
tmp=tmp+"</tr>"
}
tmp=tmp+"</table>"
aa.innerHTML=tmp

}

</script>
</body>
</html> 展开

 我来答

1个回答

#热议# 网上掀起『练心眼子』风潮，真的能提高情商吗？

clarke2236
2007-10-10 · 超过20用户采纳过TA的回答

知道答主

回答量：62

采纳率：0%

帮助的人：63.1万

我也去答题访问个人页

关注

展开全部

实现了一下，不知道是不是你要的效果，我这里运行能通过，你可以试一下
<html> 
<head> 
<title>llll</title> 
</head> 
<body> 

<div id="aa"></div> 
<h3>请输入要输入的表格的列数和行数：</h3> 
行:<input type=text name="text1"> 
<br> 
列:<input type=text name="text2"> 
<input type="button" value="提交" onclick="createtable()"> 

<h3>请输入两个数字</h3> 
<h3>合并单元格：</h3> 
从<input type=text name="text3">行 <input type=text name="text4">列开始 
<br> 
合并<input type=text name="text5">行 <input type=text name="text6">列 
<br> 
<input type="button" value="合并" onclick="changetable()"> 
<script> 
var i,j,tmp,l,r; 
function createtable() 
{ 
tmp="<table border=1 width=5% id = aaa>" 
l=document.all.text1.value; 
r=document.all.text2.value; 

for(j=0;j<l;j++) 
{ 
tmp=tmp+"<tr>" 
for(i=0;i<r;i++) 
{ 

tmp=tmp+"<td>" 
tmp=tmp+"USE" 
tmp=tmp+"</td>" 

} 
tmp=tmp+"</tr>" 
} 
tmp=tmp+"</table>" 
aa.innerHTML=tmp 

} 

function changetable(){
 var tab = document.all.aaa;
 if(tab){
l=document.all.text3.value; 
r=document.all.text4.value; 
var obj = document.all.aaa.childNodes(0).childNodes(l-1).childNodes(r-1);
row=document.all.text5.value; 
col=document.all.text6.value;
with(obj){
colSpan = col;
rowSpan = row;
}
var tbody = document.all.aaa.childNodes(0);
if(col>1){
obj.nextSibling.removeNode();
}
for (var m = 0; m <row-1 ; m++)
{
for (var n = 0; n < col; n++ )
{
indexRow = eval(m+"+"+l);
indexCol = eval(n+"+"+r+"-"+"1");
tbody.childNodes(indexRow).childNodes(indexCol).removeNode();
}
}
}else{
alert("no table");
 }
}

</script> 
</body> 
</html>


本回答被提问者采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

jsp 单元格合并问题

其他类似问题

为你推荐：