wtforms.fields.SelectMultipleField()-多选下拉列表字段

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

wtforms.fields.SelectMultipleField()是WTForms中的一个字段类，用于在表单中创建一个多选下拉列表字段。

多选下拉列表字段允许用户从给定的选项中选择多个选项。当用户选择多个选项时，这些选项将作为一个列表返回。

使用SelectMultipleField()时，需要传入两个参数：label和choices。

label是字段的标签，用于在表单中显示字段的名称。

choices是一个列表或元组，每个元素包含两个值：选项的值和选项的显示文本。可以通过调用函数或方法来动态生成选项列表。

下面是一个使用wtforms.fields.SelectMultipleField()的例子：

from flask_wtf import FlaskForm
from wtforms import SubmitField
from wtforms.fields import SelectMultipleField

class MyForm(FlaskForm):
    my_field = SelectMultipleField(label='My Field', choices=[('value1', 'Option 1'), ('value2', 'Option 2'), ('value3', 'Option 3')])
    submit = SubmitField('Submit')

在这个例子中，创建了一个名为MyForm的表单类，其中包含一个名为my_field的字段和一个名为submit的提交按钮字段。

my_field字段是一个多选下拉列表字段，标签为"My Field"。它包含三个选项，分别为"Option 1"，"Option 2"和"Option 3"，对应的值分别为"value1"，"value2"和"value3"。

要在HTML模板中渲染这个表单，可以使用form.my_field来获取字段，并使用form.submit来获取提交按钮字段。在模板中，可以通过循环来遍历选项列表，并使用value属性来获取选项的值，使用label属性来获取选项的显示文本。

下面是一个简单的HTML模板的例子：

<!DOCTYPE html>
<html>
<head>
    <title>My Form</title>
</head>
<body>
    <form method="POST" action="/my-form">
        {{ form.hidden_tag() }}
        <label for="{{ form.my_field.id }}">{{ form.my_field.label }}</label>
        <select id="{{ form.my_field.id }}" name="{{ form.my_field.name }}" multiple>
            {% for value, label in form.my_field.choices %}
                <option value="{{ value }}" {% if value in form.my_field.data %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
        </select>
        <input type="submit" value="{{ form.submit.label }}">
    </form>
</body>
</html>

在这个模板中，使用hidden_tag()函数来生成CSRF令牌，并使用label标签来显示字段的标签名称。

通过循环遍历form.my_field.choices来生成选项列表，并使用if语句来判断哪些选项被选中（通过判断选项的值是否在form.my_field.data中）。

这是一个简单的例子，用于演示wtforms.fields.SelectMultipleField()的使用方法。具体的使用方式可以根据实际需求进行调整和扩展。