wtforms.fields.SelectMultipleField()-可以同时选择多个选项的字段

发布时间：2023-12-24 22:55:29

wtforms.fields.SelectMultipleField() 是 WTForms 库中的一个字段类，用于表示可以同时选择多个选项的字段。它可以用于创建多选列表、复选框等表单组件。

使用例子：

首先，在 Python 环境中安装 WTForms 库：

pip install wtforms

然后，导入所需的类和模块：

from flask import Flask, render_template
from flask_wtf import FlaskForm
from wtforms import SelectMultipleField
from wtforms.validators import DataRequired

接下来，创建一个表单类，继承自FlaskForm：

class MyForm(FlaskForm):
    options = SelectMultipleField('Options', validators=[DataRequired()], choices=[('1', 'Option 1'), ('2', 'Option 2'), ('3', 'Option 3')])

在表单类中，我们创建了一个名为 options 的 SelectMultipleField 字段。SelectMultipleField 类需要传入以下参数：

- label：字段的标签，即在表单中显示的名称。

- validators：字段的验证器，用于验证用户输入的数据。

- choices：表示选项的列表。每个选项都是一个元组，包含选项的值和显示的名称。

然后，我们创建一个 Flask 应用实例，并配置一个路由处理函数：

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.options.data
        return f'Selected options: {selected_options}'
    return render_template('index.html', form=form)

在路由处理函数中，我们创建了一个 MyForm 的实例，并检查表单是否通过验证。如果通过验证，我们获取用户选择的选项，并返回一个字符串表示选择的选项。否则，我们将表单传递给模板进行渲染。

最后，创建一个模板文件 index.html，在该文件中渲染表单：

<!DOCTYPE html>
<html>
<head>
    <title>Multiple Select Field Example</title>
</head>
<body>
    <h1>Multiple Select Field Example</h1>
    <form method="POST">
        {{ form.csrf_token }}
        <div>
            {{ form.options.label }}
            <ul>
                {% for subfield in form.options %}
                    <li><input type="checkbox" name="{{ subfield.name }}" value="{{ subfield.data }}"{% if subfield.checked %} checked{% endif %}> {{ subfield.description }}</li>
                {% endfor %}
            </ul>
        </div>
        <button type="submit">Submit</button>
    </form>
</body>
</html>

在模板中，我们首先输出表单的 CSRF 令牌以确保安全性。然后，我们通过遍历 form.options中的选项创建一个复选框列表，并在每个选项前生成一个复选框。最后，添加一个提交按钮。

这样，我们就完成了一个使用 wtforms.fields.SelectMultipleField() 的示例。用户可以选择一个或多个选项，并提交表单。在服务器上，我们可以获取用户的选择并进行相关处理。

希望以上内容对你有帮助！