javascript - 如何将变量从链接传递到表单

Question

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

当用户查看类(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 动态呈现的下拉列表。

任何帮助将不胜感激

Answer 1

您可以使用request.args 从 url 中获取参数

{{ 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>