在html脚本中迭代列表

时间:2014-05-13 01:04:02

标签: javascript python html loops cgi

我在CGI文件中有一个列表如下:

my_list = [apple, oranges, grapes, berries]

我想在我的html代码中遍历此列表。到目前为止,我有这个:

<SCRIPT Language="JavaScript">
<!--

document.write('<table border="0" cellspacing="0">')

for(i=0; i <= %d; i++) {
    document.write('<tr height="50">')
    for (j=0; j <3; j++) {document.write('<td width="250" align="center" style="border- top-style:none;border-right-style:none;border-left-style:none;border-bottom- style:solid;border-width:1px;border-color:black;"> '+%s+ '</td>')}
    document.write('</tr>')
}

document.write('</table>')

//-->
</SCRIPT>
...
</html>'''%(len(my_list), my_list)

每列打印出苹果,橘子,葡萄,浆果苹果,橘子,葡萄,浆果等。

我希望打印出第一列

  • 苹果
  • oranges
  • 葡萄
  • 浆果

然后我有第二列的另一个列表和第三列的另一个列表

1 个答案:

答案 0 :(得分:1)

一旦从Python传递数据,似乎你可以在JS中完成所有工作。

如果这些列表的长度都相同,那么这是一个简化的方法,可以说明如何做到这一点。 http://plnkr.co/edit/0yGwiJXCLQeADL0K7DlJ?p=preview

如果列表的大小不同,我会创建另一个plunker来向您展示如何做到这一点。 http://plnkr.co/edit/jabIJwqvufDaZkX3685D?p=preview

这应该足以让你入门。