javascript - Django html模板：根据类别的选择如何在下拉列表中获取属于所选类别的子类别列表

Question

我正在做一个 django 应用程序。我需要选择从views.py 传递的两个列表的类别和子类别。子类别列表具有类别列表的外键。要在下拉列表中显示列表，我使用以下代码：

<label class="black">Product Category</label>
<select name="prodcatlist" >
{% for id in prodcatlist %}
    <option value="{{id.id}}" selected="selected">{{id.Name}}</option>
{% endfor %}
</select>

<label class="black">Product Sub Category</label>
<select name="ProdSubcatList",id="ProdSubcatList" >
{% for id in ProdSubcatList %}
    <option value="{{id.id}}" selected="selected">{{id.Name}}</option>
{% endfor %}
</select>

有了这个，我在下拉列表中获得了所有子类别列表。这是一个大列表，所以我很困惑选择属于选定类别的子类别。为此，我只想显示包含所选类别 ID 的子类别列表。

Answer 1

您将需要在类别下拉列表中使用 XHR（或预建数组，当然）onchange来获取所选类别的所有子类别，然后用这些填充子类别下拉列表。