Django中如何根据模型其他字段选中值移除选择字段下拉选项

根据你给出的业务场景，提供3种覆盖不同场景的实现方式，从前端交互到后端兜底都可以覆盖：

1. 表单层面动态过滤选项（适配Django Admin/普通表单场景） #

通过重写ModelForm的初始化方法，根据已选择的动物类型动态修改食物的可选列表，你可以直接在admin中绑定这个自定义表单使用：

from django import forms
from .models import Animal, FOOD_CHOICE

class AnimalForm(forms.ModelForm):
    class Meta:
        model = Animal
        fields = "__all__"

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 获取已选择的动物值，新增场景无已选值时保留全量选项
        selected_animal = self.instance.animal if self.instance.pk else None
        available_food = list(FOOD_CHOICE)
        # 选了dog的话移除chocolate选项
        if selected_animal == 'b':
            available_food = [item for item in available_food if item[0] != 'a']
        # 重写food字段的可选值
        self.fields['food'].choices = available_food

如果要在Admin中使用，只需要在对应的Admin类中指定form即可：

from django.contrib import admin
from .models import Animal
from .forms import AnimalForm

@admin.register(Animal)
class AnimalAdmin(admin.ModelAdmin):
    form = AnimalForm

2. 模型层面兜底校验 #

为了避免前端绕开选项限制提交非法数据，建议在模型中添加clean方法做最终校验，非法提交会直接抛出校验错误：

from django.core.exceptions import ValidationError

ANIMAL_CHOICE = (
     ('a','cat'),
     ('b','dog'),
     ('c','fish'),
)
FOOD_CHOICE = (
      ('a', 'chocolate'),
      ('b', 'kittySnack'),
      ('c', 'steak'),
)

class Animal(models.Model):
    animal = models.CharField(max_length=1, choices= ANIMAL_CHOICE)
    food   = models.CharField(max_length=1, choices= FOOD_CHOICE)

    def clean(self):
        if self.animal == 'b' and self.food == 'a':
            raise ValidationError("狗狗不能吃巧克力，请重新选择食物")
        return super().clean()

3. 前端页面实时联动（面向普通用户的公开表单） #

如果是给普通用户使用的前端表单，可以加一段简单的JavaScript实现选择动物后实时更新食物选项，不需要刷新页面：

// 监听动物选择框的变化事件
document.querySelector('select[name="animal"]').addEventListener('change', function() {
  const animalVal = this.value
  const foodSelect = document.querySelector('select[name="food"]')
  // 先重置所有选项为可见状态
  foodSelect.querySelectorAll('option').forEach(option => {
    option.style.display = 'block'
  })
  // 选了dog的话隐藏巧克力选项
  if (animalVal === 'b') {
    foodSelect.querySelector('option[value="a"]').style.display = 'none'
    // 如果当前选中的是巧克力就清空选择
    if (foodSelect.value === 'a') {
      foodSelect.value = ''
    }
  }
})

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