为何WTForms的SelectField无法回显数据库值，IntegerField却可以？

你搞反了表单字段的属性参数，这就是导致SelectField无法正确回显的核心问题：

• 你给SelectField用了value属性，但HTML里<select>标签的选中状态是靠<option>的selected属性控制的，直接给<select>加value浏览器不一定识别，而且Flask-WTF渲染SelectField时，会根据表单默认值生成带selected标记的选项，覆盖你手动设置的value。
• 你给IntegerField用了selected属性，但<input type="number">根本没有这个属性，浏览器会直接忽略它——这个字段能正常回显，是因为Flask-WTF已经通过表单数据自动设置了输入框的value，属于碰巧凑效。

你提到页面源码显示选中值正确，应该是指<select>标签的value属性是对的，但实际渲染时浏览器是依据<option>的selected标记来显示选中项，所以最终还是显示默认的blue。

快速修复模板代码 #

把模板里的属性参数调换过来即可：

{{ envelope_form.line_color.label }}
{{ envelope_form.line_color(class="", selected=default_value(envelope_form.id).line_color) }}

{{ envelope_form.line_width.label }}
{{ envelope_form.line_width(class="", value=default_value(envelope_form.id).line_width) }}

更规范的做法（推荐） #

不要在模板里手动处理回显值，而是在视图函数初始化表单时就传入数据库数据：

在views.py中生成表单实例时：

# 获取对应id的信封数据
envelope = default_value(form_id)
# 实例化表单，带前缀保证多表单独立
form = EnvelopeForm(prefix=f"envelope-{form_id}")
# 给字段设置数据库中的值
form.line_color.data = envelope.line_color
form.line_width.data = envelope.line_width

然后模板里直接渲染字段即可，无需额外属性：

{{ envelope_form.line_color.label }}
{{ envelope_form.line_color(class="") }}

{{ envelope_form.line_width.label }}
{{ envelope_form.line_width(class="") }}

这样Flask-WTF会自动处理选中状态和输入框值，避免手动操作DOM属性带来的问题。

内容的提问来源于stack exchange，提问作者thisisjustme