如何在Django中传递下拉列表选中值的动态URL？

我来帮你搞定这个问题！你现在的核心痛点是没法把下拉框选中的分类值动态传到URL路径里，因为原来的表单action是写死的，根本拿不到实时选中的值。咱们一步步调整代码：

1. 先补全URL配置（关键！你之前没贴这个） #

首先得在urls.py里给Prediction视图配置带参数的路由，这样Django才能识别URL里的分类名称参数：

# 假设是你的app下的urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('forecasting/', views.forecasting, name='forecasting'),
    # 这里的<str:name>就是用来接收分类名称的路径参数
    path('prediction/<str:name>/', views.Prediction, name='prediction'),
]

注意我把路径改成了小写的prediction，这是Django的常规命名习惯，更规范。

2. 优化视图代码 #

你的视图有几个小问题，我帮你调整了：

• 去掉了没必要的@csrf_exempt，因为表单里已经有{% csrf_token %}了，表单提交不需要这个装饰器
• 用get_object_or_404替代直接get，避免找不到分类时抛出报错，新手用这个更友好
• 变量名改成符合PEP8的小写风格，代码更易读

# views.py
from django.shortcuts import render, get_object_or_404
from .models import category

def forecasting(request):
    # 把变量名改成categories，复数更符合语义
    categories = category.objects.all()
    return render(request, "myapp/casting.html", {'categories': categories})

def Prediction(request, name):
    # 根据URL里的name参数获取对应的分类对象
    selected_category = get_object_or_404(category, Category=name)
    print(selected_category.Category)
    # 把所有分类和选中的分类都传给模板，方便下拉框保持选中状态
    return render(request, "myapp/casting.html", {
        'categories': category.objects.all(),
        'selected_category': selected_category
    })

3. 修复HTML表单的动态action问题 #

原来的表单action是固定值，根本没法动态获取选中的下拉值，所以咱们用JavaScript来动态修改action再提交：

<form id="myform" method="post" name="myform">
    <div class="col-lg-3 col-md-3">
        <h3> Select Category</h3>
    </div>
    <div class="col-lg-3 col-md-3">
        {% csrf_token %}
        <!-- 把onchange事件改成自定义函数，用来动态设置action -->
        <select id="Category" name="category_id" onchange="updateActionAndSubmit()">
            <option value="">Select</option>
            {% for cat in categories %}
            <!-- 加上selected判断，返回页面时保持选中状态 -->
            <option value="{{ cat.Category }}" 
                {% if selected_category and cat.Category == selected_category.Category %}selected{% endif %}>
                {{ cat.Category }}
            </option>
            {% endfor %}
        </select>
    </div>
    <!-- 把messages移到select外面，避免每个选项都渲染一遍消息 -->
    <ul class="messages">
        {% for message in messages %}
        <p {% if message.tags %} class="{{ message.tags }}" {% endif %}>{{ message }}</p>
        {% endfor %}
    </ul>
    <div class="col-lg-3 col-md-3">
    </div>
</form>

<!-- 新增JS函数，动态修改表单action并提交 -->
<script>
function updateActionAndSubmit() {
    const selectBox = document.getElementById('Category');
    const selectedName = selectBox.value;
    // 只有选中了有效选项才提交
    if (selectedName) {
        document.getElementById('myform').action = `/prediction/${selectedName}/`;
        document.getElementById('myform').submit();
    }
}
</script>

4. 可选：优化模型命名（更规范） #

Django里模型类名建议用大写开头，字段名也尽量避免和类名重复，这样代码更清晰，比如把category改成Category：

# models.py
from django.db import models

class Category(models.Model):
    name = models.CharField(max_length=50)
    def __str__(self):
        return self.name

如果改了模型，记得同步修改视图和HTML里的字段引用（比如cat.Category改成cat.name，视图里的get_object_or_404(Category, name=name)）。

流程说明 #

现在整个流程就通了：

1. 用户访问/forecasting/页面，加载所有分类的下拉框
2. 选中某个分类后，JS自动修改表单的action为/prediction/选中的分类名/，然后提交表单
3. Django路由匹配到带参数的路径，把分类名传给Prediction视图
4. 视图获取对应分类对象，渲染页面时把选中的分类传回模板，让下拉框保持选中状态

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