在JavaScript和HTML中使用变量

Question

我想使用一个变量，该变量是我通过javascript代码中的flask传递给html模板的。 这是一个示例：我有一个传递给html模板的列表，并且对该列表运行for循环

<body>
   {% for group in groups %}
      <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}">{{ group[0] }}
      </input><br>
   {% endfor %} 
</body>

在这里，我有一个列表（组）并遍历该列表。 我的问题是，如果我想在jquery语句中执行该循环，那将如何工作？

谢谢

卡尔

Answer 1

服务器端模板生成具有相同类.group_sel的复选框列表。 现在在客户端上，您可以选择此集合并使用以下代码对其进行循环：

$('.group_sel').each(function() {
    console.log( this.value );
});

还要确保您的HTML有效，删除</input> ，它应该是：

{% for group in groups %}
    <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}"> {{ group[0] }}
    <br>
{% endfor %}

Answer 2

如果您只想将Jinja移到与html中定义它相同的方式运行的javascript，就没有太大的变化。

<script type="text/javascript">
    var d = {{ groups }}
    d.forEach(function(entry) {
       console.log(entry);
    });

您可能必须将|safe过滤器添加到组。 {{ groups|safe }}

安全过滤器将字符串明确标记为“安全”，即，如果启用了自动转义，则不应将其自动转义。 参见http://jinja.pocoo.org/docs/dev/templates/#working-with-automatic-escaping

在JavaScript和HTML中使用变量

问题描述

2 个解决方案

解决方案1
0 2015-07-02 06:19:21

解决方案2
0 2015-07-02 06:44:54

在JavaScript和HTML中使用变量

问题描述

2 个解决方案

解决方案1 0 2015-07-02 06:19:21

解决方案2 0 2015-07-02 06:44:54

解决方案1
0 2015-07-02 06:19:21

解决方案2
0 2015-07-02 06:44:54