我一直在尝试在表单中实现依赖下拉列表，但由于对jquery的了解不多，因此无法正确实现，但是我认为我做错了。如果有人可以帮助我，我将非常感激。 问题是在选择fl no字段时，park_bay无法获得更新screenshot

跟随Vitor Freitas撰写的帖子，可以在这里link

名为postlog的应用程序的models.py：

from django.db import models
class flight(models.Model):
    fl_no =models.CharField(max_length=6,primary_key=True)
    inbound= models.CharField(max_length=15,blank=True)
    dest= models.CharField(max_length=15,blank=True)
    park_bay= models.CharField(max_length=3)
    airline= models.CharField(max_length=15)
    dep_time= models.TimeField()
    arr_time= models.TimeField()

    def __str__(self):
        return self.fl_no

下面提供的表格是另一个应用程序。

应用程序的models.py称为状态：

from django.db import models
from postlog.models import flight

# Create your models here.
class FlightStatus(models.Model):
    Yes = 1
    No = 2
    CLEANING_CHOICES = (
        (Yes,'Yes'),(No,'No'),)
    fl_no= models.ForeignKey(flight,on_delete=models.CASCADE,related_name='fli_no')
    park_bay= models.ForeignKey(flight,related_name='parki_bay')
    catering= models.CharField(max_length=9)
    fuel= models.IntegerField()
    pas_cnt= models.IntegerField()
    dest= models.ForeignKey(flight,related_name='desti')
    dep_time=models.ForeignKey(flight,related_name='dept_time')
    Cleaning = models.PositiveSmallIntegerField(choices=CLEANING_CHOICES)

    def __str__(self):
        return self.fl_no

状态应用中的views.py：

from django.shortcuts import render,redirect
from django.views.generic.base import TemplateView
from status.forms import StatusForm
from status.models import FlightStatus
from postlog.models import flight
from django.views.generic import ListView,CreateView,UpdateView
from django.urls import reverse_lazy
# Create your views here.
class StatusPageView(CreateView):

    template_name = "status/home.html"
    model = FlightStatus
    form_class = StatusForm
    success_url = reverse_lazy('status') 

def load_park_bay(request):
    flight_id = request.GET.get('fl_no')
    park = flight.objects.filter(flight_id=flight_id).order_by('park_bay')
    return render(request,'status/park_bay_dropdown.html',{'park':park})

状态应用中的urls.py：

from django.urls import path,include
from . import views
from django.contrib.staticfiles.urls import staticfiles_urlpatterns
from status.views import StatusPageView

urlpatterns = [
    path('',views.StatusPageView.as_view(),name='status'),path('ajax/load-park/',views.load_park_bay,name='ajax_load_park'),]

home.html：

{% extends 'base_template1.html' %}
{% load crispy_forms_tags %}
{% block content %}
<button type="button" class="butra button1ra" data-toggle="modal" data-target="#Add_Modal">Add Flight Status</button>
<!-- Adding a Flight Status -->

<div class="modal fade" id="Add_Modal" tabindex="-1" role="dialog" aria-labelledby="Add_ModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="AddmodalLabel">Flight Details</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form method="post">
            {% csrf_token %}
            {{ form|crispy }}
        </form>
      </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Add Details</button>
      </div>
    </div>
  </div>
</div>
  <script>
    $("#id_fl_no").change(function () {
      var url = $("#StatusForm").attr("data-park-url");  
      var flnoId = $(this).val();  
      $.ajax({                       
        url: url,data: {
          'fl_no': flnoId       
        },success: function (data) {   
          $("#id_park_bay").html(data);  
        }
      });

    });
  </script>

和park_bay_dropdown.html：

<option value="">---------</option>
{% for parks in park %}
<option value="{{ parks.pk }}">{{ parks.park_bay }}</option>
{% endfor %}

我想要实现的是，在选择fl no值后，其他下拉列表必须仅显示与fl no相关的属性。

假设我的航班表中有两个记录。假设EK565和EK545。选择EK565后，我希望其他下拉菜单显示与EK565相关的值。