时间戳

首页 > 解决方案 > 如何在烧瓶 wtforms 多选中显示更多选项？

html - 如何在烧瓶 wtforms 多选中显示更多选项？

问题描述

我正在使用烧瓶 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>

标签： htmlflaskflask-wtformswtforms

解决方案

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

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

推荐阅读