javascript - 如何根据从其他选择选项菜单中的选择获得选择选项菜单？

Question

我正在尝试根据从先前选择的选项中选择的内容来制作菜单列表。

例如，如果类型选择 American 并且选择 Day on Monday，我想从数据库中填充周一在 American restaurant 供应的菜单。我该如何进行这项工作？如果它只是一个选择选项菜单，我可以从 db 获取列表，但我希望它根据上一个选项的选择方式进行更改。

菜单.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 %}

视图.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})

标签： javascriptpythonhtmldjango