Django Admin弹窗修改外键数据后原表单字段未更新问题求助

这个需求可以实现，核心原因是Django Admin默认仅对外键字段的新增弹窗（+号按钮）绑定了提交后更新主表单下拉选项的逻辑，编辑弹窗（铅笔按钮）的关闭回调没有实现同步更新逻辑，因此修改关联对象属性后，主表单的下拉选项不会自动刷新，以下是可行落地方案：

实现步骤 #

步骤1：准备自定义JS脚本 #

在项目静态文件目录中新建admin/js/update_foreignkey_on_edit.js，写入以下代码：

(function($) {
    // 备份原生编辑弹窗关闭方法，避免覆盖原有逻辑
    const originalDismissEditPopup = window.dismissEditPopup;
    window.dismissEditPopup = function(win, objId, newRepr, newStr) {
        originalDismissEditPopup.apply(this, arguments);
        // 定位触发当前弹窗的外键字段
        const targetField = document.getElementById(window.relatedObjectTargetId);
        if (!targetField) return;
        // 更新下拉框中对应对象的显示文本
        const $targetOption = $(targetField).find(`option[value="${objId}"]`);
        if ($targetOption.length) {
            $targetOption.text(newStr);
            // 兼容Django 3.2+ 自带的Select2下拉组件
            $(targetField).trigger('change');
        }
    };
})(django.jQuery);

步骤2：在Admin中引入自定义JS #

可按需选择生效范围：

• 单模型生效（仅Button表单生效）：在admin.py中为Button的Admin类配置Media属性引入JS

from django.contrib import admin
from .models import Button

@admin.register(Button)
class ButtonAdmin(admin.ModelAdmin):
    # 保留你原有的Admin配置，比如list_display、fields等
    class Media:
        js = ("admin/js/update_foreignkey_on_edit.js",)

• 全局生效（所有Admin表单生效）：自定义全局Admin基类，所有业务模型的Admin都继承该基类即可。

步骤3：生效验证 #

执行python manage.py collectstatic收集静态文件后重启服务，测试逻辑：

1. 打开Button新增/编辑页面，填写部分表单内容
2. 点击location字段旁的铅笔编辑按钮，修改关联Location的name属性后提交弹窗
3. 主表单无需刷新，location下拉框对应选项的文本会自动更新，原有已填写的表单内容完全保留

适配说明 #

以上方案默认适配普通外键下拉框，如果你使用了autocomplete_fields自动补全外键，仅需要在JS更新option文本后额外补充Select2的数据源更新逻辑即可，核心逻辑不变。

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