如何在烧瓶 wtforms 多选中显示更多选项？答案

【问题标题】：How to show more options in flask wtforms multiple select?如何在烧瓶 wtforms 多选中显示更多选项？
【发布时间】：2021-07-26 20:44:03
【问题描述】：

我正在使用烧瓶 wtforms 多重选择，默认情况下显示 4 个选项，因为我总共有 20 个选项，滚动并不是很方便。有没有办法让选择更高以一次显示超过 4 个选项？

我尝试使用 rows 属性，但可能我做错了，因为它不起作用（我对 HTML 不太了解）

我的部分代码与此相关：

class PositionForm(FlaskForm):
    position = SelectMultipleField(u'Choose position:')
...

@app.route('/custom', methods=['POST', 'GET'])
def custom():
    position_form.position.choices = []
    for position in positions_db:
        positions.append(position.name)
        position_form.position.choices.append((position.name, position.name))
...
    return render_template('table.html',... , position_form=position_form)

HTML 代码：

<form action="/custom" method="post" style="margin: 2px 10px 2px 10px; font-weight: bold;">
    <div>{{ position_form.position.label }}<br>
    {{ position_form.position(rows=6, multiple=True) }}</div>
</form>

【问题讨论】：

标签： html flask flask-wtforms wtforms

【解决方案1】：

你可以在调用表单的时候添加size属性，例如：

<div>{{ position_form.position.label }}<br>
{{ position_form.position(rows=6, multiple=True, size=15) }}</div>

【讨论】：

【解决方案2】：

您可以在 HTML 中将您的选择排列在一个 3 列 x 7 行的表格中。当您在 HTML 中的烧瓶中使用脚本时，您可以在使用您的选择填充表格时使用 i,j 作为迭代器。

更多关于tables

【讨论】：