Javascript 如何在Flask（Python）中显示依赖于另一个选择选项的选择选项？

我正在使用FlaskPython创建一个lead表单，用户可以在其中注册lead。我有两个字段都来自数据库，第一个是类别父项，第二个是产品子项

“产品”字段应取决于类别

模板中的代码：

<label>Product Category</label>
<select class="form-control" name="product_category">            
    <option value=""></option>{% for r in catagory_name %}
    <option value="{{ r.catagory_name }}">{{ r.catagory_name }}</option>{% endfor %}
</select>


<label>Product</label>
<select class="form-control" name="product">            
    <option value=""></option>{% for r in product_name %}
    <option value="{{ r.product_name }}">{{ r.product_name }}</option>{% endfor %}
</select>

现在我想要的是，当用户点击分类时，只显示所选分类的产品，其余的应该隐藏而不刷新页面

---

谢谢。

首先获取父数据的id。然后查询子数据。您可以使用ajaxget请求来实现这一点。然后迭代下拉列表中的每个项目

这里有一个例子

JQUERY： $PARENT。单击，函数{ var parent=$'parent'。查找'option:selected'。文本； $.getJSON{type:GET， 网址：， async:false， 数据：{name:parent}， 数据类型：“json”， 成功：functiondata { var child=$'child' parent_child=jQuery.parseJSONdata； child.html； $.eachparent\u子项、函数键、值{ ifvalue.isActive==1{ var child_选项=$； 子选项。数据“索引”，键； child.appendchild_选项； } }; }, 错误：functione { console.loge； } }; }; HTML: 产品类别 {r在类别中的百分比_name%} {{r.catogory_name}{%endfor%} 产品 {r在产品名称%中为%u} {{r.product_name}{%endfor%}

---

我无法得到你的答案。你能用我的密码解释一下吗？