2
我的问题很简单。考虑通用汽车品牌 - 模型示例如下图所示:使用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>
<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>
我可以很容易地链模型来使用jQuery链式插件的品牌,就像这样:
$("#model").chained("#brand");
但我想它的工作反过来以及。所以如果汽车品牌选择是空的,我想要完整的车型列表。在第二个选择中选择A1,然后在第一个下拉列表中选择Audi。
我只是加入这一行:
$("#brand").chained("#model");
But that doesn't work, as it renders both selects readonly (see jsFiddle).有没有一种方法可以达到我想要什么?
看起来很简单的代码无需插件。 – epascarello
@epascarello酷 - 显示我们的答案! – Barney