表格相同内容合并
qdlht 2004-11-26 04:00:42 经常做bs结构需要一样同样的列内容合并到一行中
用asp判断写起来太麻烦做了一个简单的合并列中相同内容的javascript 函数,写的很粗糙
自己用着方便就行,给大家做一下参考。
<table width="500" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
<tr bgcolor="#FFFFFF">
<td width="97" id="id1">你好</td>
<td width="99" id="id2">2004-12-1</td>
<td width="98" id="id3">1</td>
<td width="98" id="id4">100%</td>
<td width="102" id="id5">a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">你好</td>
<td id="id2">2004-12-1</td>
<td id="id3">1</td>
<td id="id4">100%</td>
<td id="id5">b</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">不好</td>
<td id="id2">2004-12-1</td>
<td id="id3">1</td>
<td id="id4">90%</td>
<td id="id5">b</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">不好</td>
<td id="id2">2004-2-1</td>
<td id="id3">1</td>
<td id="id4">90%</td>
<td id="id5">a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">不好</td>
<td id="id2">2004-2-1</td>
<td id="id3">1</td>
<td id="id4">90%</td>
<td id="id5">a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">不好</td>
<td id="id2">2004-6-1</td>
<td id="id3">2</td>
<td id="id4">88%</td>
<td id="id5">c</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">很好</td>
<td id="id2">2004-6-1</td>
<td id="id3">2</td>
<td id="id4">88%</td>
<td id="id5">c</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">很好</td>
<td id="id2">2004-6-1</td>
<td id="id3">2</td>
<td id="id4">90%</td>
<td id="id5">a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">很好</td>
<td id="id2">2004-6-1</td>
<td id="id3">2</td>
<td id="id4">90%</td>
<td id="id5">a</td>
</tr>
<tr bgcolor="#FFFFFF">
<td id="id1">很好</td>
<td id="id2">2004-6-1</td>
<td id="id3">2</td>
<td id="id4">90%</td>
<td id="id5">a</td>
</tr>
</table>
<script language="JavaScript">
//coretear@163.com 表格行合并器
//var textnum = 1;
function coalesce_row(obj,s,n,text){
var text
table = obj;
//alert(s)
for (i=n; i<table.length; i++){
if (table(i).innerHTML == text){
s = s + 1
table(i-1).rowSpan = s
table(i).removeNode(true);
coalesce_row(obj,s,i,table(i-1).innerHTML)
return this;
}else{
s = 1
}
text = table(i).innerHTML
}
}
coalesce_row(document.all.id1,1,0,'null')
//coalesce_row(document.all.id2,1,0,'null')
coalesce_row(document.all.id3,1,0,'null')
coalesce_row(document.all.id4,1,0,'null')
coalesce_row(document.all.id5,1,0,'null')
</script>