Django下拉菜单表单字段不显示问题求助及排查

1. MyModel结构及Choices使用是否正确？ #

你的MyModel结构可以正常运行，但有优化空间：

• Django 4.1中，针对CharField的选项，更推荐使用models.TextChoices而非models.Choices，后者更适配IntegerField类型的选项。
• 当前写法中，数据库存储的是枚举成员的名称（比如IN_ARBEIT），而非自定义短标识，虽然不影响功能，但后续修改显示文本时，数据库值不会受影响，这点是合理的。

优化后的models.py：

import uuid
from django.db import models

class MyModel(models.Model):      
    id = models.UUIDField(primary_key=True, default=uuid.uuid4, editable=False)
    title = models.CharField(max_length=100, unique=True, verbose_name='Name')

    class Status(models.TextChoices):
        IN_ARBEIT = 'IN_ARBEIT', 'Modell in Arbeit'
        BEREIT = 'BEREIT', 'Bereit'
        DOKUMENTATION = 'DOKUMENTATION', 'Dokumentation'
        FERTIGGESTELLT = 'FERTIGGESTELLT', 'Fertiggestellt'
        ZU_AKTUALISIEREN = 'ZU_AKTUALISIEREN', 'Zu aktualisieren'
        REVISION = 'REVISION', 'In Revision'

    status = models.CharField(
        max_length=30, 
        choices=Status.choices, 
        default=Status.IN_ARBEIT,
        verbose_name='Bearbeitungsstatus'
    )

2. 两种方案的错误定位及修正 #

方案一：无JavaScript表单方案错误修正 #

核心错误点：

1. forms.py类名拼写错误：StatuChoicesForm少写了一个s，导致views导入StatusChoicesForm时失败，模板无法获取表单对象。
2. 视图逻辑缺失GET请求处理：仅处理POST请求，首次访问页面（GET请求）时未初始化表单，模板无数据可渲染。
3. 表单冗余定义：ModelForm会自动从模型字段生成对应表单控件，无需重复定义status字段。
4. redirect参数错误：redirect应使用URL配置的name，而非模板文件名。

修正后代码：

forms.py

from django import forms
from .models import MyModel

class StatusChoicesForm(forms.ModelForm):
    class Meta:
        model = MyModel
        fields = ['status']

views.py

from django.shortcuts import render, get_object_or_404, redirect
from .forms import StatusChoicesForm
from .models import MyModel

def change_model_status(request, model_id):
    # 先获取目标模型实例
    model_instance = get_object_or_404(MyModel, id=model_id)
    
    if request.method == 'POST':
        # 绑定实例到表单，实现更新逻辑
        form = StatusChoicesForm(request.POST, instance=model_instance)
        if form.is_valid():
            form.save()
            # 替换为你在urls.py中配置的model_info页面的name
            return redirect('model_info', model_id=model_id)
    else:
        # GET请求时初始化表单，默认填充当前状态
        form = StatusChoicesForm(instance=model_instance)
    
    return render(request, 'models.html', {'status_form': form})

models.html

<form method="post">
    {% csrf_token %}
    {{ status_form.as_p }}
    <button type="submit" class="btn btn-primary">更新状态</button>
</form>

方案二：JavaScript/AJAX方案错误修正 #

核心错误点：

1. 模板循环变量错误：引用了不存在的custom_model.SystemType.choices，应使用MyModel.Status.choices，且需在视图中传递该变量到模板。
2. AJAX未携带CSRF令牌：Django会拦截无CSRF令牌的POST请求，导致请求失败。
3. 后端逻辑未完成：update_status视图未接收目标模型ID，未执行更新操作，也未返回响应。
4. 前端未传递模型ID：无法确定要更新哪个MyModel实例。

修正后代码：

views.py（新增/完善update_status视图）

from django.http import JsonResponse
from django.shortcuts import get_object_or_404
from .models import MyModel

def update_status(request):
    if request.method == 'POST':
        model_id = request.POST.get('model_id')
        new_status = request.POST.get('status')
        
        if not model_id or not new_status:
            return JsonResponse({'success': False, 'error': '缺少必要参数'})
        
        try:
            model_instance = get_object_or_404(MyModel, id=model_id)
            model_instance.status = new_status
            model_instance.save()
            return JsonResponse({'success': True, 'new_status': model_instance.get_status_display()})
        except Exception as e:
            return JsonResponse({'success': False, 'error': str(e)})
    return JsonResponse({'success': False, 'error': '仅接受POST请求'})

models.html

{% block content %}
<!-- 传递当前模型ID到前端 -->
<select id="status-dropdown" class="form-control" data-model-id="{{ model_instance.id }}">
    {% for status in status_choices %}
        <option value="{{ status.0 }}" {% if model_instance.status == status.0 %}selected{% endif %}>
            {{ status.1 }}
        </option>
    {% endfor %}
</select>
<p>当前状态：<span id="current-status">{{ model_instance.get_status_display }}</span></p>
{% endblock %}

{% block scripts %}
<script src="{% static 'app/scripts/model.js' %}"></script>
{% endblock %}

model.js

// 从DOM获取CSRF令牌
function getCookie(name) {
    let cookieValue = null;
    if (document.cookie && document.cookie !== '') {
        const cookies = document.cookie.split(';');
        for (let i = 0; i < cookies.length; i++) {
            const cookie = cookies[i].trim();
            if (cookie.substring(0, name.length + 1) === (name + '=')) {
                cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
                break;
            }
        }
    }
    return cookieValue;
}
const csrftoken = getCookie('csrftoken');

function updateStatus(modelId, status) {
    $.ajax({
        url: '/update-status/',
        type: 'POST',
        headers: {
            'X-CSRFToken': csrftoken
        },
        data: {'model_id': modelId, 'status': status},
        success: function(response) {
            if (response.success) {
                $('#current-status').text(response.new_status);
            } else {
                console.error('更新失败:', response.error);
            }
        },
        error: function(error) {
            console.error('请求错误:', error);
        }
    });
}

$('#status-dropdown').change(function() {
    const selectedStatus = $(this).val();
    const modelId = $(this).data('model-id');
    updateStatus(modelId, selectedStatus);
});

补充：urls.py配置

确保添加对应的路由：

from django.urls import path
from . import views

urlpatterns = [
    # 其他路由...
    path('change-status/<uuid:model_id>/', views.change_model_status, name='change_model_status'),
    path('update-status/', views.update_status, name='update_status'),
]

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