Javascript 创建多个相关下拉列表

例如：-

  How to i create a multiple dependent dropdown?

如果我在第一个下拉列表中选择animal，则应显示下拉列表two_a；如果我选择bird，则应显示下拉列表two_b。您可以将两个two_a和two_b下拉列表设置为display:none，并使用jQuery检测下拉列表1中的更改，然后在相应的下拉列表中使用.hide和.show来显示/隐藏它们。 有关演示，请参阅。

我将利用，并在单选列表中编写一个简单事件。然后，您可以使用所选项目的值来显示相应的子列表

下面是一个运行演示：

$'one'.changefunction{ $'select[id^=two_]'。隐藏； $'two_'+this.value.show； }; 选择[id^=two.]{display:none；} 动物 鸟 狮 虎 麻雀 鹰

---

您可以使用javascript检查所选的值，并根据所选的值显示/隐藏其他下拉列表。另外，当你问一些问题时，请添加到JSFIDLE的链接，或者至少发布你已经尝试过的内容。只是做一些搜索。

<select id="one">
<option value="a">animal</option>
<option value="b">bird</option>
</select>
<select id="two_a">
<option value="a1">lion</option>
<option value="a2">tiger</option>
 </select>
<select id="two_b">
<option value="b1">sparrow</option>
<option value="b2">eagle</option>
</select>