Jinja2在我的jinja temp中使用一个javascript变量

Question

我想在我的网页中对一个选择的元素（htmlselect元素）做一个动态过滤器。在

我的第一个列表已经设置好了，我想更改第二个列表（htmlselect元素）的内容而不是第一个选项。在

但是要做到这一点，我需要使用jinja2中document.getElementByid（javascript）的结果作为一个动态变量，如下所示：

document.getElementById('select02').innerHTML = 
"{% for i in context.get(document.getElementById('select02').value) %}
<option {{'selected' if package == 1 else ''}} value='{{i}}'>{{i}}</option>
{% endfor %}";

为了生成页面，我使用了一个带有jinja2模板的python脚本。在

有人已经用过这个功能了吗？在

Answer 1

假设context是一个dict，那么您必须通过JSON将所有内容放入页面中。然后您需要编写javascript函数来1）获取用户为第一个列表选择的内容（这里的list表示html select元素）2）使用1中的值来更新第二个列表。每次使用javascript进行交互时，都要先使用javascript（2）触发事件。在

记住，不能将服务器端代码（jinja2模板）与客户端代码（javascript）混合使用！在