迭代通过列表中的HTML脚本

Question

我有一个列表中的一个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) 

为每列打印出苹果，橘子，葡萄，浆果|苹果，橘子，葡萄，浆果等

我想这对打印出的第一列

• 苹果
• 橘子
• 葡萄
• 浆果

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

Answer 1

一旦你从Python传入数据，你似乎可以在JS中做所有事情。

如果列表的长度都相同，那么这里是一个简化的操作方法，它显示了如何完成这个操作。 http://plnkr.co/edit/0yGwiJXCLQeADL0K7DlJ?p=preview

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

这应该足以让你开始。