javascript - Django html模板:According to selection of category how can get subcategory list in drop down which are belongs to selected category

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(当然，也可以是预构建的数组)来获取所选类别的所有子类别，然后用这些子类别下拉列表填充这些子类别。