Django Admin中实现选择房间后仅显示对应关联工位

看起来你遇到的是典型的动态关联表单字段需求——根据第一个下拉框（房间）的选择，实时更新第二个下拉框（工位）的可选选项。to_field参数其实是用来指定外键关联的目标字段，和动态过滤逻辑完全不相关，所以用它解决不了这个问题。下面给你一步步拆解实现方案：

第一步：优化模型（可选但推荐） #

先看你的Buchung模型，里面同时存了raum和platz两个外键，但Platz已经通过raum外键关联了Raum，所以Buchung里的raum属于冗余字段，既浪费存储还可能导致数据不一致。建议修改为：

class Buchung(models.Model):
    created_on = models.DateTimeField(auto_now_add=True)  # 注意你拼写错了cearted_on
    user = models.ForeignKey(Mitarbeiter, on_delete=models.CASCADE)
    platz = models.ForeignKey(Platz, on_delete=models.CASCADE)

之后你可以通过buchung.platz.raum直接拿到对应的房间，不用单独存储。

第二步：创建基础预订表单 #

先写一个简单的ModelForm来生成预订表单：

# forms.py
from django import forms
from .models import Buchung, Raum, Platz

class BuchungForm(forms.ModelForm):
    class Meta:
        model = Buchung
        fields = ['user', 'raum', 'platz']  # 如果已经删掉Buchung的raum字段，就只保留user和platz

第三步：编写后端AJAX接口 #

我们需要一个接口来接收房间ID，返回该房间下的所有工位数据：

# views.py
from django.http import JsonResponse
from .models import Platz

def get_plaetze_by_raum(request):
    raum_id = request.GET.get('raum_id')
    # 筛选对应房间的工位，返回主键和显示文本
    plaetze = Platz.objects.filter(raum_id=raum_id).values('platzID', 'platzID')
    return JsonResponse(list(plaetze), safe=False)

然后在urls.py里添加这个接口的路由：

# urls.py
from django.urls import path
from . import views

urlpatterns = [
    # 你的其他路由...
    path('get-plaetze/', views.get_plaetze_by_raum, name='get_plaetze'),
]

第四步：模板中添加JS实现动态更新 #

在你的预订页面模板里，用原生JavaScript监听房间选择的变化，通过AJAX请求更新工位选项：

<form method="post">
    {% csrf_token %}
    {{ form.user.label_tag }} {{ form.user }}
    <br>
    {{ form.raum.label_tag }} {{ form.raum }}
    <br>
    {{ form.platz.label_tag }} {{ form.platz }}
    <button type="submit">提交预订</button>
</form>

<script>
// 获取页面上的下拉框元素
const raumSelect = document.getElementById('id_raum');
const platzSelect = document.getElementById('id_platz');

// 监听房间选择变化事件
raumSelect.addEventListener('change', function() {
    const raumId = this.value;
    // 发送AJAX请求到后端接口
    fetch(`/get-plaetze/?raum_id=${raumId}`)
        .then(response => response.json())
        .then(data => {
            // 清空现有工位选项
            platzSelect.innerHTML = '';
            // 添加默认提示选项
            const defaultOption = document.createElement('option');
            defaultOption.value = '';
            defaultOption.textContent = '请选择工位';
            platzSelect.appendChild(defaultOption);
            // 遍历返回的工位数据，添加新选项
            data.forEach(platz => {
                const option = document.createElement('option');
                option.value = platz.platzID;
                option.textContent = platz.platzID;
                platzSelect.appendChild(option);
            });
        });
});

// 页面加载时，如果已有选中的房间，自动触发一次更新
window.addEventListener('load', function() {
    if (raumSelect.value) {
        raumSelect.dispatchEvent(new Event('change'));
    }
});
</script>

额外优化建议 #

1. 给Platz模型添加__str__方法，让下拉框显示更友好的文本：

class Platz(models.Model):
    platzID = models.CharField(max_length=3, primary_key=True)
    raum = models.ForeignKey(Raum, on_delete=models.CASCADE)

    def __str__(self):
        return f"{self.platzID} - {self.raum.name}"

2. 如果觉得原生JS太繁琐，也可以用django-select2库，它自带远程数据加载功能，配置起来更简单，适合快速实现。

为什么to_field没用？ #

to_field的作用是指定外键关联到对方模型的非主键字段（比如让Platz的raum外键关联Raum的name字段），它和动态过滤下拉选项的逻辑完全无关，所以帮不了你解决当前问题。

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