如何在Django中实现Admin面板动态下拉，加载指定模型的对应字段？

问题根源 #

你当前的写法存在本质逻辑错误：Python 代码是服务端在渲染表单页面阶段就执行完成的，当用户在浏览器端操作下拉框时，服务端逻辑早已运行结束，你代码中写的 set_queryset("value") 实际是在页面渲染时就调用了，传入的参数就是固定字符串"value"，根本无法获取用户前端实时选择的ID值。

纯Form内实现方案 #

不需要额外编写视图接口，直接在Form文件内预加载所有模型对应的字段映射，注入到前端JS中即可实现动态切换，完整修改代码如下：

import json
from django import forms
from .models import SyncModel, WhitelistModel


# 预加载所有SyncModel的ID与对应字段的映射关系
def get_all_sync_model_fields():
    field_map = {}
    for sync_model in SyncModel.objects.all():
        # 替换为你实际获取模型字段的逻辑
        field_map[str(sync_model.id)] = sync_model.get_fields()
    return field_map


# 动态更新字段下拉的JS逻辑
JS_FUNCTION = f"""
const modelFieldMap = {json.dumps(get_all_sync_model_fields())};
const fieldSelect = document.getElementById('id_field_name');

function updateFieldOptions(selectedModelId) {{
    // 清空原有选项
    fieldSelect.innerHTML = '';
    const fields = modelFieldMap[selectedModelId] || [];
    // 批量添加新选项
    fields.forEach(field => {{
        const opt = document.createElement('option');
        opt.value = field;
        opt.textContent = field;
        fieldSelect.appendChild(opt);
    }});
}}

// 编辑场景兼容：页面加载完成后自动填充已有值对应的字段选项
document.addEventListener('DOMContentLoaded', function() {{
    const selectedModelId = document.getElementById('id_sync_model').value;
    if (selectedModelId) {{
        updateFieldOptions(selectedModelId);
    }}
}});
"""


class WhitelistForm(forms.ModelForm):
    sync_model = forms.ModelChoiceField(
        queryset=SyncModel.objects.all(),
        widget=forms.Select(
            attrs={
                "onchange": "updateFieldOptions(this.value)",
                "required": True,
            }
        ),
    )
    field_name = forms.ChoiceField(
        choices=(),
    )

    class Meta:
        model = WhitelistModel
        fields = "__all__"
    
    # 注入JS到表单资源中，代码更整洁易维护
    class Media:
        js = ()
        def __init__(self, media):
            super().__init__(media)
            self._js = list(self._js)
            self._js.append(f'data:text/javascript,{JS_FUNCTION}')

如果不想用Media注入，也可以直接把JS逻辑压缩后拼到onchange属性中即可运行。

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