Php / JQuery / Javascript - 选择父子依赖项

Question

  - - 看看这张图片。

我希望当有人选择任何类别时，子类别会根据所选的特定类别显示选项。我学习PHP / MySQL，但我知道Javascript的基础知识。可以用简单的方式教我如何用JavaScript或JQuery完成它吗？

类别和子类别在下拉列表中完美显示，但显示所有子类别和类别。

<div>
  <label>Category</label>
  <select name="category">
    <option value="0" disabled selected>Select Category</option>
    <?php
    $cdata = $dbobj->getCategories(0);
    while($crow = mysql_fetch_array($cdata)){?>
    <option value="<?php echo $crow["categoryid"]; ?>"><?php echo $crow["category_name"]; ?></option>
    <?php } ?>
  </select>
</div>
<div>
  <label>Sub Category</label>
  <select name="subcategory">
    <option value="0" disabled selected>Select Category</option>
    <?php
    $scdata = $dbobj->getSubCategories(0);
    while($scrow = mysql_fetch_array($scdata)){?>
    <option value="<?php echo $scrow["subcategoryid"]; ?>"><?php echo $scrow["subcategory_name"]; ?></option>
    <?php } ?>
  </select>
</div>

由于

  

分类＆amp;子类别

男性

• 衣服
• 鞋

女性

• 珠宝
• 纱丽
• 鞋

儿童

• 玩具
• 衣服

图书

• 语言
• 小说

我想要的是 - 每当有人选择类别男性时，只会出现两个子类别，衣服和鞋子。

Answer 1

使用JQuery：

{{1}}

编辑：添加了返回类别

的可能性