使用wtforms的SelectMultipleField()实现复选列表

发布时间：2024-01-14 10:32:39

wtforms是一个用于生成Web表单的Python库。它提供了多种字段类型，其中包括SelectMultipleField()，可以用于生成复选列表。

SelectMultipleField()的构造函数接受一些参数，其中最重要的是choices参数，它是一个包含选项的列表。每个选项都是一个元组形式的键值对，其中键是选项的值，值是显示在表单中的文本。

下面是一个使用SelectMultipleField()的简单示例：

from flask import Flask, render_template
from flask_wtf import FlaskForm
from wtforms import SelectMultipleField

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

class MyForm(FlaskForm):
    my_select = SelectMultipleField('Select Multiple', choices=[('1', 'Option 1'), ('2', 'Option 2'), ('3', 'Option 3')])

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()
    if form.validate_on_submit():
        selected_options = form.my_select.data
        return f'Selected options: {", ".join(selected_options)}'
    return render_template('index.html', form=form)

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

在上面的例子中，我们创建了一个名为MyForm的表单类，其中包含了一个SelectMultipleField字段。我们通过choices参数传入了三个选项，每个选项都有一个值和一个显示文本。在视图函数index()中，我们通过form.my_select.data获取用户选择的选项，并通过字符串拼接将其返回给用户。

在模板文件index.html中，我们可以使用{{ form.my_select }}来渲染复选列表字段。

<!DOCTYPE html>
<html>
<head>
    <title>Multiple Select Field</title>
</head>
<body>
    <h1>Multiple Select Field</h1>
    <form method="POST">
        {{ form.csrf_token }}
        {{ form.my_select }}
        <input type="submit" value="Submit">
    </form>
</body>
</html>

上述的例子演示了如何使用wtforms的SelectMultipleField()实现复选列表。当用户选择一个或多个选项并提交表单时，我们可以通过form.my_select.data获取用户的选择并进行处理。最后，我们将用户选择的选项返回给用户。

这是一个简单的例子，你可以根据自己的需求进行扩展。你可以使用wtforms的其他字段类型和验证器来增强表单的功能。同时，你也可以使用模板引擎来美化表单的显示。