使用wtforms的SelectMultipleField()创建多选下拉列表
wtforms是一个用于创建Web表单的库，它提供了多种字段类型，其中包括SelectMultipleField()，用于创建多选下拉列表。
SelectMultipleField()的语法如下：
class wtforms.fields.SelectMultipleField(
label=None,
validators=None,
coerce=<class 'str'>,
choices=None,
option_widget=None,
widget=None,
description='',
render_kw=None,
**kwargs
)
- label（可选）：字段的标签。
- validators（可选）：一系列验证器，用于验证用户输入的值。
- coerce（可选）：强制转换为所选选项的类型。
- choices（可选）：一系列选项，用于填充下拉列表。
- option_widget（可选）：用于呈现下拉列表选项的小部件。如果不指定，则默认使用下拉列表小部件。
- widget（可选）：用于呈现字段的小部件。如果不指定，则默认使用下拉列表小部件。
- description（可选）：字段的描述文本。
- render_kw（可选）：用于呈现字段小部件的其他关键字参数。
下面是一个使用SelectMultipleField()创建多选下拉列表的示例：
from flask_wtf import FlaskForm
from wtforms import SelectMultipleField, SubmitField
from wtforms.validators import DataRequired
class MyForm(FlaskForm):
choices = [('1', 'Option 1'),
('2', 'Option 2'),
('3', 'Option 3')]
multi_select = SelectMultipleField('Choose options', choices=choices, validators=[DataRequired()])
submit = SubmitField('Submit')
在上面的示例中，我们创建了一个名为MyForm的表单类。该类包含一个multi_select字段，用于创建多选下拉列表。我们使用名为'Choose options'的标签来标识此字段，并将选项列表传递给choices参数。
通过创建一个MyForm实例并将其传递给模板，可以在前端渲染此表单：
from flask import Flask, render_template, request
from wtforms import SelectMultipleField
from wtforms.fields.html5 import SubmitField
app = Flask(__name__)
app.config['SECRET_KEY'] = 'secretkey'
@app.route('/', methods=['GET', 'POST'])
def index():
form = MyForm()
if form.validate_on_submit():
# 获取用户选择的选项
selected_options = form.multi_select.data
# 进行其他操作，如保存到数据库等
return 'Selected options: {}'.format(selected_options)
return render_template('index.html', form=form)
if __name__ == "__main__":
app.run(debug=True)
在上面的示例中，我们使用Flask框架和Jinja2模板引擎来渲染表单。当用户提交表单时，我们从表单中获取用户选择的选项，并进行其他操作（例如保存到数据库）。然后，我们将选择的选项返回给用户。
在模板文件（index.html）中，我们可以使用form.multi_select来呈现多选下拉列表字段：
<!DOCTYPE html>
<html>
<head>
<title>Multiple Select Field Example</title>
</head>
<body>
<form method="POST" action="/">
{{ form.csrf_token }}
{{ form.multi_select.label }}
{{ form.multi_select() }}
{% for error in form.multi_select.errors %}
<p style="color: red;">{{ error }}</p>
{% endfor %}
<br>
{{ form.submit() }}
</form>
</body>
</html>
在上面的示例中，我们使用form.multi_select.label和form.multi_select()分别呈现多选下拉列表字段的标签和小部件。我们还检查字段的错误并将其呈现为红色文本。
这就是使用wtforms的SelectMultipleField()创建多选下拉列表的方法。你可以根据自己的需求调整代码，并在表单提交时执行相应的操作。