wtforms.fields.SelectMultipleField()-可多选的字段类型

发布时间：2023-12-24 22:53:23

wtforms.fields.SelectMultipleField是WTForms中的一个多选字段类型，它允许用户从指定的选项中选择多个值。该字段通常与HTML的<select multiple>元素一起使用。

使用wtforms.fields.SelectMultipleField时，需要提供一个可选的choices参数，该参数是一个包含选项的列表。每个选项由一个元组组成，包含选项的值和显示的文本。

下面是一个使用wtforms.fields.SelectMultipleField的使用示例：

from flask_wtf import FlaskForm
from wtforms import SelectMultipleField, SubmitField

class MyForm(FlaskForm):
    options = [('option1', 'Option 1'), ('option2', 'Option 2'), ('option3', 'Option 3')]
    select_field = SelectMultipleField('Select Field', choices=options)
    submit_button = SubmitField('Submit')

在上面的例子中，我们定义了一个名为MyForm的表单，其中包含一个选择多个值的字段select_field和一个提交按钮submit_button。

在该字段的构造函数中，我们指定了字段的标签为'Select Field'，并提供了一个包含选项的列表choices。每个选项由一个元组组成，包含选项的值和显示的文本。

要在视图函数中使用这个表单，首先需要将表单实例化，然后将其传递给模板进行渲染。以下是一个简单的视图函数示例：

from flask import Flask, render_template

app = Flask(__name__)
app.config['SECRET_KEY'] = 'secret key'

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()
    if form.validate_on_submit():
        selected_options = form.select_field.data
        # 处理选中的选项
        return 'Selected options: {}'.format(selected_options)
    return render_template('index.html', form=form)

if __name__ == '__main__':
    app.run()

在上面的例子中，我们定义了一个名为index的视图函数，它处理GET和POST请求。在GET请求中，我们将表单实例化并将其传递给模板进行渲染。在POST请求中，我们使用form.validate_on_submit()方法来验证表单数据，并获取选择的选项值form.select_field.data。

在模板中，可以按照通常的方式渲染表单，例如使用form.select_field来渲染选择多个值的字段。

<!doctype html>
<html>
  <head>
    <title>Multi Select Form</title>
  </head>
  <body>
    <form method="POST" action="/">
      {{ form.hidden_tag() }}

      {{ form.select_field() }}
      {{ form.submit_button() }}
    </form>
  </body>
</html>

在上面的模板中，我们使用{{ form.select_field() }}和{{ form.submit_button() }}来渲染表单的选择多个值字段和提交按钮。

这是一个简单的使用wtforms.fields.SelectMultipleField的例子。通过提供choices参数，我们可以指定可供选择的选项，并且用户可以从这些选项中选择多个值。在视图函数中，我们可以通过form.select_field.data来访问用户选择的值，并进行相应的处理。