如何从链接将变量传递给表单

时间:2018-03-11 07:58:49

标签: javascript html css jinja2

我正在尝试在用户点击链接时将集ID传递给表单。语义被用于前端。

当用户正在查看课程时,他们会看到一个显示“新调查”的按钮。如下:

View class

这是HTML:

<a href="/form/create?set_dropdown={{set.id}}">
<button class="ui labeled icon button green">
<i class="inverted plus icon"></i>
    New Survey
</button>
</a>

这是目标字段:

<div class="ui selection dropdown" id="set_dropdown">
<input type="hidden" id='class_dropdown' name="set">
<i class="dropdown icon"></i>
<div class="default text">Class</div>
<div class="menu">
    {% for set in sets %}
    <div class="item" data-value="{{ set.id }}">{{ set.name }}</div>

    {% endfor %}

</div>
</input>
</div>

它是一个使用Jinja2动态渲染的下拉列表。

任何帮助将不胜感激

1 个答案:

答案 0 :(得分:1)

您可以使用request.args从网址

中检索参数

{{ request.args.get('set_dropdown') }}

使用此选项并为选择下拉菜单设置唯一ID:

<div class="ui selection dropdown" id="set_dropdown_{{ request.args.get('set_dropdown') }}">
<input type="hidden" id='class_dropdown' name="set">
<i class="dropdown icon"></i>
<div class="default text">Class</div>
<div class="menu">
    {% for set in sets %}
    <div class="item" data-value="{{ set.id }}">{{ set.name }}</div>

    {% endfor %}

</div>
</input>
</div>