Как получить меню выбора опций в зависимости от выбора из другого меню выбора опций?

Я пытаюсь сделать список меню в зависимости от того, что было выбрано из предыдущей выбранной опции.

Например, если тип выбран американский, а день выбран понедельник, я хочу заполнить меню, которое подается в понедельник в американском ресторане, из базы данных. Как мне это сделать? Я могу получить список из базы данных, если это только одно меню с выбором опций, но я хочу, чтобы он менялся в зависимости от того, как была выбрана предыдущая опция.

menu.html

    {% block content %}
      <p>Type:
      <select id="type">
          <option selected disabled="true">   Menu Type   </option>
          <option value="Japanese">Japanese</option>
          <option value="American">American</option>
          <option value="Italian">Italian</option>
      </select>
      </p>

      <p>Day:
      <select id="day">
          <option selected disabled="true">   Day   </option>
          <option value="Monday">Monday</option>
          <option value="Tuesday">Tuesday</option>
          <option value="Wednesday">Wednesday</option>
          <option value="Thursday">Thursday</option>
          <option value="Friday">Friday</option>
          <option value="Everyday">Everyday</option>
      </select>
      </p>
      <p>Menu:
      <select id="menu">
          <option selected disabled="true">   Menu   </option>
          {% for results in list %}
          <option value="{{ results.id }}">{{ results.menu_name }}</option>
          {% endfor %} 
      </select>
      </p>
   {% endblock %}

view.py

 def showmenu(request):
        # results = Menu.objects.filter(type__isnull=False).distinct('type')
        results = Menu.objects.filter(Q(type="American") & Q(day="Monday"))
        return render(request, "menu.html", {"list":results})

Вернуться на верх