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

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