如何在Django Forms中实现多选下拉框？当前仅显示复选框列表

我来帮你搞定这个问题，你当前的代码有两处关键问题导致多选下拉框没出现，反而显示复选框列表，咱们一步步修正：

1. 模型字段类型错误，不支持多选 #

你的Hotel模型里geo用的是ForeignKey，这个字段类型只能关联单个Geo对象，天生不支持多选。要实现多选关联，必须改成ManyToManyField：

修改models.py：

class Hotel(models.Model):
    hotel_Main_Img = models.ImageField(upload_to='images/')
    # 替换ForeignKey为ManyToManyField，支持多选关联Geo对象
    geo = models.ManyToManyField(Geo, null=True, blank=True)
    genre = models.ForeignKey(Genre,on_delete=models.CASCADE,null=True, blank=True)
    free_tag = models.ForeignKey(FreeTag,on_delete=models.CASCADE,null=True, blank=True)
    default = models.ForeignKey(Default,on_delete=models.CASCADE,null=True, blank=True)

2. 表单配置的两处错误 #

你的HotelForm里有两个明显问题：

• 错误地将queryset指向了Hotel.objects.all()，但geo关联的是Geo模型，应该查询Geo的所有对象
• 用了CheckboxSelectMultiple组件，这就是为什么显示复选框列表，要改成下拉多选的SelectMultiple组件

修改forms.py：

class HotelForm(forms.ModelForm):
    geo = forms.ModelMultipleChoiceField(
        queryset=Geo.objects.all(),  # 修正为查询Geo模型的对象
        widget=forms.SelectMultiple,  # 替换为下拉多选组件
        required=False  # 对应模型里的null=True, blank=True
    )
    
    class Meta:
        model = Hotel
        fields = '__all__'

补充说明 #

• 使用原生SelectMultiple组件时，用户需要按住Ctrl（Windows）或Cmd（Mac）键来选择多个选项
• 如果想要更友好的多选体验（比如带搜索功能的下拉框），可以使用第三方库如django-select2，不过原生组件已经能满足基础需求

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