javascript - 遍历 html 脚本中的列表

Question

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

my_list = [苹果、橙子、葡萄、浆果]

我想在我的 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

这应该足以让您开始。