Html 如何根据表单选择显示不同的子表单？

我正在开发一个web界面，它根据表单提交向数据库添加信息

假设我们想将“车辆”添加到数据库中。 车辆有三个字段：类型、品牌和颜色

虽然这三个字段都是可见的，但当我们选择汽车时，我们只希望看到与汽车相关的品牌和颜色选项。摩托车也是如此

如何使后两个字段中的显示选项取决于父选择

我已经研究过为每组选项制作单独的表单，对它们进行分类，并根据这些表单进行显示，但是（如果我错了，请纠正我），我不相信CSS可以动态修改

<form class="Tester" action = "/submitSelection.php" method = "post">
    <select size = "1">
        <option value = "Cars">Cars</option>
             <!--if Cars selected, makes are "Toyota" "Dodge"-->
    <option value = "Motorcycles">Motorcycles</option>
             <!--if Motorcycles selected, makes are "Yamaha" "Harley"-->
    </select>
    <input type="submit">
</form>

汽车
摩托车

---

我想基于上述表单隐藏或修改后面的选项，但没有方法这样做。

在查询中使用where？@xmaster我本可以通过添加更多代码来更清楚，我也希望make是一个可见的表单，但只有在该表单选择motorcycle时才显示motorcycle make，选择汽车的情况也是如此使用查询中的where？@xmaster如果添加更多代码，我可能会更清楚，我也希望make是一个可见的表单，但在该表单选择摩托车时仅显示摩托车make，对于选择汽车的情况也是如此