如何为自定义布局的forms.ModelForm表单添加下拉选择列表

问题根源 #

你给模型中带choices选项的room_type字段，在Form层手动指定了forms.TextInput（单行文本输入框）部件，直接覆盖了Django针对带choices字段默认生成下拉选择框的逻辑，因此下拉列表消失。

修复步骤 #

1. 修正ModelForm的widget配置
   将原来的TextInput替换为下拉选择框对应的forms.Select部件，你需要的自定义样式类可以直接保留在attrs参数中：

class HotelSearchForm(forms.ModelForm):
    class Meta:
        model = RoomType
        fields = ['room_type', 'price']
        widgets = {
            'room_type': forms.Select(attrs={'class':'form-control form-control-lg select'})
        }

2. 自定义模板渲染注意事项
   由于你不再使用Crispy表单，手动写布局时直接调用表单字段的渲染属性即可，不需要手动写input标签：

<!-- 示例自定义布局写法 -->
<div class="你自定义的布局类名">
  <label for="{{ form.room_type.id_for_label }}">房型选择</label>
  {{ form.room_type }}
  <!-- 可选：展示字段校验错误信息 -->
  {% for error in form.room_type.errors %}
    <span class="text-danger">{{ error }}</span>
  {% endfor %}
</div>

补充说明 #

Django的ModelForm和普通Form的部件逻辑是通用的，只要模型层的字段定义了choices参数，没有手动指定错误部件的前提下，默认会自动渲染为下拉选择框，不需要额外适配。

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