在flask wtforms jinja select上设置动态数据属性

在 Flask 的 WTForms 和 Jinja2 中，可以通过设置动态数据属性来实现在 Select 元素中使用动态数据。

首先，需要定义一个 WTForms 的表单类，使用 SelectField 字段来创建一个选择字段。在该字段的实例化过程中，可以设置 choices 参数来指定静态的选项列表，或者在渲染表单时提供动态的选项。

例如，定义一个表单类 MyForm，其中包含一个名为 my_select 的选择字段，其选项将从数据库中动态获取：

from flask_wtf import FlaskForm
from wtforms import SelectField
from your_module import get_dynamic_options  # 导入获取动态选项的函数

class MyForm(FlaskForm):
    my_select = SelectField('My Select')

    def __init__(self, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)
        self.my_select.choices = get_dynamic_options()  # 调用函数获取动态选项

在上述示例中，get_dynamic_options() 函数是自定义的用于获取动态选项的函数，可以根据实际需求来编写。

接下来，在视图函数中使用该表单类来渲染表单并传递给模板：

from flask import render_template
from your_app import app

@app.route('/form', methods=['GET', 'POST'])
def form_view():
    form = MyForm()

    if form.validate_on_submit():
        # 处理表单提交

    return render_template('form.html', form=form)

在模板文件 form.html 中，可以使用 Jinja2 的 form 对象来渲染表单字段。对于选择字段 my_select，可以通过使用 form.my_select 来渲染它，并使用 choices 属性来获取选项列表。例如：

<!-- form.html -->
<form method="POST" action="{{ url_for('form_view') }}">
  {{ form.csrf_token }}
  {{ form.my_select.label }} {{ form.my_select }}

  <button type="submit">提交</button>
</form>

上述示例中，form.my_select.label 渲染了字段的标签，form.my_select 渲染了选择字段本身。

总结一下，通过在 WTForms 的表单类中设置动态数据属性，可以实现在 Flask 中使用动态数据来渲染 Select 元素。

参考链接：