日期:2014-05-16  浏览次数:20482 次

请教一个表格循环该怎么写


如上图的功能(是淘宝的),选择一个颜色,再选择一个尺码,下面自动生成一个表格,1个规格和另一个规格只能有一种搭配。

选择两种颜色,两个尺码,2*2=4,下面的表格就会有四种搭配。

2*3=6   4*4=16...

就是这样一种情况,现在规格是两个(颜色和尺码),但可能会有三个,四个等等,他们搭配的数量就是他们的乘积。

请问这个生成表格行的循环该怎么写
js 表格

------解决方案--------------------
双层for循环
for(var i=0;i<选中颜色的数量;i++){
        for(var j=0;j<选中的尺码数量;j++){
              document.write "颜色:"+"尺码"+....
        }

}
------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<script type="text/javascript">
var cols=['红','绿'];
var sizs=['33','35'];
var oh="<table border=\"1\">";
for(var i=0;i<cols.length;i++){
    oh+="<tr>";

oh+="<td rowspan=\""+sizs.length+"\">"+cols[i]+"</td>";

for(var j=0;j<sizs.length;j++){
        oh+="<td>"+sizs[j]+"</td>";
if(j<sizs.length-1) oh+="</tr><tr>"
}
oh+="</tr>";
}
oh+="</table>";
document.write(oh);
</script>
</body>
</html>


------解决方案--------------------
 记得microsoft 好像有个什么 模板的,可以直接拿来套用这个,以前有同事用过,不过我也不清楚是什么模板,我刚去网上找了下,没找到,确实是有这么个模板的用起来也比较方法,自己写循环也可以啦。