Html 在下拉菜单中选择一个选项可以确定第二个下拉菜单中的可用列表

我想让第二个下拉菜单的内容取决于第一个菜单中选择的内容。在我的情况下，我希望这样做的汽车选择选项。i、 e当选择汽车品牌时，将用相关车型填充车型下拉菜单

由于有很多品牌的汽车，我想保持它简洁，如果可能的话，我假设阵列模型为每个品牌是解决方案，但如何实现这一点。 我已经研究了各种解决方案，但找不到合适的答案，如有任何建议/示例，将不胜感激

我正在使用jsp

Make:<select>
    <option value="audi">Audi</option>
    <option value="bmw">BMW</option>
    <option value="ford">Ford</option>
    <option value="toyota">Toyota</option>
</select> 

Make:
奥迪
宝马
河流浅水处
丰田

您可以使用一些简单的JS和css（这里是一个JSFIDLE:）

和CSS：

#brands{
    display: none;
}

---

您可以使用隐藏的div，其中包含每个品牌的相应车型，这些div根据所选品牌显示或消失，或者您可以通过ajax调用从其他地方检索这些div？如果ajax调用方法是一种简洁的方法，您是否可以提供一个示例或链接到ajax调用方法的一个好示例。我有一个用于用户配置文件功能的数据库，我还可以创建一个品牌和型号表，也许？

$("#cars").change(function () {
    var string = "";
    string =  $("select#cars option:selected").text();
    if (string == "Audi"){
        $("#brands .bmw").hide();
        $("#brands .audi").show();
        $("#brands").show();
    } else if (string == "BMW"){
        $("#brands .audi").hide();
        $("#brands .bmw").show();
        $("#brands").show();
    }

})

#brands{
    display: none;
}