Question

我想根据第一个选择的内容制作第二个下拉菜单的包含。在我的情况下，希望为汽车选择选项。即选择汽车制造时，然后使用相关模型填充模型下拉菜单。

由于有很多汽车品牌，我想尽可能简洁，我假设每个品牌的模型阵列都是解决方案但是如何实现这一点。我已经看了各种解决方案，但找不到合适的答案，我们将非常感谢任何建议/实例。

我正在使用jsp。

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

Answer 1

你可以用一些简单的JS和css（这里是一个JSFiddle：http://jsfiddle.net/N7Q57/1/）来做到这一点

Make:
<select name="cars" id="cars">
    <option selected value="Choose">Choose</option>
    <option value="Audi">Audi</option>
    <option value="BMW">BMW</option>
    <option value="Ford">Ford</option>
    <option value="Toyota">Toyota</option>
</select>       

<div id="brands">
<select class="audi">
    <option value="1">1</option>
    <option value="2">2</option>            
</select>
<select class="bmw">
   <option value="3">3</option>
   <option value="4">4</option>            
</select>
</div

jQuery

$("#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();
    }

})

和CSS：

#brands{
    display: none;
}

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

1 个答案: