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

Question

我使用的是flask 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>

Answer 1

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

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

Answer 2

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

更多关于