如何在Django Form中基于字段选择动态填充另一关联字段值

前置修正 #

先修正你现有代码的两处明显问题：

• forms.py中不应该使用models.CharField定义表单字段，应该用forms.CharField，且ModelForm推荐通过Meta类继承模型字段配置，避免重复编写选项列表
• 选项和值的对应关系建议抽离为字典，减少重复代码，方便后续匹配

实现方案 #

核心通过重写ModelForm的clean()方法完成联动逻辑，所有处理都在Form内部完成，无需修改视图代码，无需引入JS：

优化后的models.py代码 #

# 公共选项映射可以全局定义，也可以放在模型类内部
CHOICE_MAP = {
    'None': 0,
    'one': 1,
    'two': 2,
    'three': 3
}

class Choice_class(models.Model):
    options = tuple((k, k) for k in CHOICE_MAP.keys())
    user_choice = models.CharField(max_length=5, choices=options, default='None')
    choice_value = models.IntegerField()

优化后的forms.py代码 #

from django import forms
from .models import Choice_class, CHOICE_MAP

class ChoiceClassForm(forms.ModelForm):
    class Meta:
        model = Choice_class
        fields = ['user_choice', 'choice_value']
        # 如果不需要用户修改/看到choice_value，可以直接设为隐藏字段
        # widgets = {
        #     'choice_value': forms.HiddenInput()
        # }

    def clean(self):
        cleaned_data = super().clean()
        user_choice = cleaned_data.get('user_choice')
        # 匹配用户选择，自动填充对应值
        if user_choice and user_choice in CHOICE_MAP:
            cleaned_data['choice_value'] = CHOICE_MAP[user_choice]
        return cleaned_data

视图层完全不需要额外修改，按照常规ModelForm使用流程即可：

# 视图层示例，无额外联动逻辑
if request.method == 'POST':
    form = ChoiceClassForm(request.POST)
    if form.is_valid():
        form.save()

可选：无JS实现选择后预览效果 #

如果需要用户选择user_choice后立刻看到填充的choice_value，可以通过增加临时提交按钮+重写Form的__init__方法实现：

1. 表单模板中给user_choice选择框旁加一个临时提交按钮，点击后仅提交当前选择的选项
2. 表单中增加__init__逻辑：

def __init__(self, *args, **kwargs):
    super().__init__(*args, **kwargs)
    if self.data.get('user_choice') and self.data['user_choice'] in CHOICE_MAP:
        self.initial['choice_value'] = CHOICE_MAP[self.data['user_choice']]

用户选择后点击临时提交按钮，返回的页面会自动填充choice_value，确认后再提交最终表单即可。

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