Django后台添加Car时按Brand过滤Version选项问题求助

1. 确认模型关联关系 #

先确保模型间的外键关联逻辑正确：Version 属于某个 Brand，Car 同时关联 Brand 和 Version：

from django.db import models

class Brand(models.Model):
    name = models.CharField(max_length=100)

    def __str__(self):
        return self.name

class Version(models.Model):
    brand = models.ForeignKey(Brand, on_delete=models.CASCADE, related_name="versions")
    name = models.CharField(max_length=100)

    def __str__(self):
        return f"{self.brand.name} - {self.name}"

class Car(models.Model):
    brand = models.ForeignKey(Brand, on_delete=models.CASCADE)
    version = models.ForeignKey(Version, on_delete=models.CASCADE)

    def __str__(self):
        return f"{self.brand.name} {self.version.name}"

2. 自定义Admin表单 #

在admin.py中创建自定义表单，处理新增/编辑场景下的初始Version过滤：

from django import forms
from django.contrib import admin
from .models import Brand, Version, Car

class CarAdminForm(forms.ModelForm):
    class Meta:
        model = Car
        fields = "__all__"

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        # 编辑已有Car时，自动过滤对应品牌的版本
        if self.instance.pk:
            self.fields["version"].queryset = Version.objects.filter(brand=self.instance.brand)
        else:
            # 新增时默认隐藏所有版本，等待选择品牌后加载
            self.fields["version"].queryset = Version.objects.none()

class CarAdmin(admin.ModelAdmin):
    form = CarAdminForm
    # 引入自定义JS文件
    class Media:
        js = ("admin/js/car_filter.js",)

admin.site.register(Brand)
admin.site.register(Version)
admin.site.register(Car, CarAdmin)

3. 创建AJAX视图获取版本数据 #

在views.py中添加视图，用于根据品牌ID返回对应的版本列表（仅允许后台员工访问）：

from django.contrib.admin.views.decorators import staff_member_required
from django.http import JsonResponse
from .models import Version

@staff_member_required
def get_versions_by_brand(request):
    brand_id = request.GET.get("brand_id")
    if not brand_id:
        return JsonResponse([], safe=False)
    versions = Version.objects.filter(brand_id=brand_id).values("id", "name")
    return JsonResponse(list(versions), safe=False)

4. 配置URL路由 #

在项目根目录的urls.py中添加视图路由：

from django.contrib import admin
from django.urls import path
from .views import get_versions_by_brand

urlpatterns = [
    path("admin/", admin.site.urls),
    path("admin/get-versions/", get_versions_by_brand, name="get_versions"),
]

5. 编写JavaScript实现动态过滤 #

在static/admin/js/car_filter.js中编写JS代码，监听品牌选择变化并实时更新版本选项：

document.addEventListener("DOMContentLoaded", function () {
    const brandSelect = document.getElementById("id_brand");
    const versionSelect = document.getElementById("id_version");

    // 监听品牌选择事件
    brandSelect.addEventListener("change", function () {
        const brandId = this.value;
        // 清空版本选择框
        versionSelect.innerHTML = '<option value="">---------</option>';

        if (!brandId) return;

        // 发送AJAX请求获取对应品牌的版本
        fetch(`/admin/get-versions/?brand_id=${brandId}`)
            .then(response => response.json())
            .then(data => {
                // 填充版本选项
                data.forEach(version => {
                    const option = document.createElement("option");
                    option.value = version.id;
                    option.textContent = version.name;
                    versionSelect.appendChild(option);
                });
            })
            .catch(err => console.error("加载版本失败:", err));
    });

    // 编辑场景下，页面加载时自动触发一次品牌选择事件
    if (brandSelect.value) {
        brandSelect.dispatchEvent(new Event("change"));
    }
});

6. 收集静态文件 #

运行命令将静态文件同步到Admin可访问的目录：

python manage.py collectstatic

完成以上配置后，在Admin页面添加或编辑Car时，选择Brand后Version下拉框会自动过滤出对应品牌的可选版本。

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