Django下拉选项关联动态表单异常：始终显示else分支表单求助

核心问题分析 #

当前代码存在两个关键错误，导致无论选择哪个centro_de_costo选项，始终显示Candidato_form2：

1. 视图属性引用错误：UpdateView实例不存在self.centro_de_costo属性，无法正确获取候选人的centro_de_costo值。
2. 条件判断值不匹配：模型中centro_de_costo存储的是choices选项的key（比如"Lo Pinto"对应的key是'2'），但代码中直接判断等于label文本"Lo Pinto"，逻辑永远不成立。

另外注意：你提到的是创建候选人，但当前用的是UpdateView（用于编辑现有数据），如果是创建场景，应该使用CreateView。

修正方案 #

1. 修正编辑场景（UpdateView）逻辑 #

修改views.py中的get_form_class方法，从实例中获取正确的centro_de_costo值，并使用对应的key进行判断：

class CandidatoUpdate(UpdateView):  
    model = Candidato
    template_name = 'candidato/candidato_form.html'
    success_url = 'http://www.excon.cl'

    def get_form_class(self):
        # 获取当前编辑的候选人实例
        candidato = self.get_object()
        # 判断centro_de_costo的key是否为'2'（对应Lo Pinto）
        if candidato.centro_de_costo == '2':
            return Candidato_form
        else:
            return Candidato_form2

2. 若为创建场景（CreateView） #

创建新候选人时，后端get_form_class无法实时响应下拉选择，需要结合前端JS实现动态切换，步骤如下：

后端：合并表单字段

修改forms.py，用一个表单包含所有字段，后续通过前端控制显示隐藏：

class CandidatoForm(forms.ModelForm):
    class Meta:
        model = Candidato
        fields = [
            'centro_de_costo',
            'certificado_antecedentes',
            'hoja_de_vida_conductor',
            'certificado_residencia',
            'certificado_afiliacion_afp',
            'certificado_afiliacion_salud',
            'fotocopia_cedula_identidad',
            'fotocopia_licencia_conducir',
        ]
        labels = {
            'centro_de_costo': 'Centro de Costo',
            'certificado_antecedentes': 'Certificado Antecedentes',
            'hoja_de_vida_conductor': 'Hoja de vida del conductor',
            'certificado_residencia': 'Certificado de residencia',
            'certificado_afiliacion_afp': 'Certificado afiliación AFP',
            'certificado_afiliacion_salud': 'Certificado afiliacion de salud',
            'fotocopia_cedula_identidad': 'Fotocopia de cedula de identidad',
            'fotocopia_licencia_conducir': 'Fotocopia de licencia de conducir',
        }
        widgets = {
            'centro_de_costo': forms.Select(attrs={'class':'form-control', 'id':'centro-costo'}),
            'certificado_antecedentes': forms.ClearableFileInput(attrs={'class':'form-control'}),
            'hoja_de_vida_conductor': forms.ClearableFileInput(attrs={'class':'form-control'}),
            'certificado_residencia': forms.ClearableFileInput(attrs={'class':'form-control', 'id':'field-residencia'}),
            'certificado_afiliacion_afp': forms.ClearableFileInput(attrs={'class':'form-control', 'id':'field-afp'}),
            'certificado_afiliacion_salud': forms.ClearableFileInput(attrs={'class':'form-control', 'id':'field-salud'}),
            'fotocopia_cedula_identidad': forms.ClearableFileInput(attrs={'class':'form-control', 'id':'field-cedula'}),
            'fotocopia_licencia_conducir': forms.ClearableFileInput(attrs={'class':'form-control', 'id':'field-licencia'}),
        }

视图：使用CreateView

class CandidatoCreate(CreateView):  
    model = Candidato
    form_class = CandidatoForm
    template_name = 'candidato/candidato_form.html'
    success_url = 'http://www.excon.cl'

前端模板：添加JS动态控制字段显示

在candidato_form.html中添加脚本，监听下拉框变化，显示/隐藏对应字段：

<form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {{ form.as_p }}
    <button type="submit">Guardar</button>
</form>

<script>
const centroCostoSelect = document.getElementById('centro-costo');
const extraFields = [
    document.getElementById('field-residencia').closest('.form-group'),
    document.getElementById('field-afp').closest('.form-group'),
    document.getElementById('field-salud').closest('.form-group'),
    document.getElementById('field-cedula').closest('.form-group'),
    document.getElementById('field-licencia').closest('.form-group'),
];

function toggleExtraFields() {
    if (centroCostoSelect.value === '2') {
        extraFields.forEach(field => field.style.display = 'block');
    } else {
        extraFields.forEach(field => field.style.display = 'none');
    }
}

toggleExtraFields();
centroCostoSelect.addEventListener('change', toggleExtraFields);
</script>

3. 模型代码小修正 #

注意到models.py中cc元组缺少闭合括号，补充完整：

cc= (
    ('1','Quebrada Blanca'),
    ('2','Lo Pinto'),
    ('3','Oficina Central'),
    ('4','Carbonato'),
    ('5','Toconao'),
    ('6','Centinela'),
    ('7','Spence'),
    ('8','La Negra'),
)

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