Javascript 使用JQuery链接插件链接';双向';
我的问题很简单。考虑普通汽车品牌模型实例如下:Javascript 使用JQuery链接插件链接';双向';,javascript,jquery,chained,Javascript,Jquery,Chained,我的问题很简单。考虑普通汽车品牌模型实例如下: <select id="brand"> <option value="">Choose</option> <option value="audi" class="a1 a3 a4">Audi</option> <option value="bmw" class="3-series 5-series 7-series">BMW</option>
<select id="brand">
<option value="">Choose</option>
<option value="audi" class="a1 a3 a4">Audi</option>
<option value="bmw" class="3-series 5-series 7-series">BMW</option>
</select>
<select id="model">
<option value="">Choose</option>
<option value="A1" class="audi">A1</option>
<option value="A3" class="audi">A3</option>
<option value="A4" class="audi">A4</option>
<option value="3-series" class="bmw">3-series</option>
<option value="5-series" class="bmw">5-series</option>
<option value="7-series" class="bmw">7-series</option>
</select>
但我希望它也能反过来工作。因此,如果汽车品牌选择为空,我想要完整的车型列表。在第二个选择中选择A1将在第一个下拉列表中选择奥迪
我只是加了一行:
$("#brand").chained("#model");
有什么方法可以实现我想要的吗?不熟悉链式函数,但您应该能够执行以下操作:
$("#model").chained("#brand");
$("#brand").change(function(){
if($("#model").val()==""){
$("#model").val($("#brand:selected").attr("class"));
}
});
不用插件编写代码似乎很简单。@epascarello酷-给我们一个答案!