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

Question

我正在使用一个Web界面，该界面根据表单提交将信息添加到数据库中。

假设我们要在数据库中添加“车辆”。 车辆具有三个字段：“类型”，“品牌”和“颜色”。

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

如何根据父项的选择在后两个字段中显示选项？

我一直在研究为每组选项制作单独的表单，对它们进行分类，然后根据这些内容进行显示，但是（如果我错了，请纠正我）我不相信CSS可以动态修改。 / p>

<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>

我想基于上述形式隐藏或修改后一种选项，但没有办法这样做。