使用JavaScript的下拉逻辑

Question

我在HTML页面中使用bootstrap拥有三个下拉菜单，我想显示第二个下拉菜单相对于第一个下拉菜单的内容。

假定从下拉菜单1的五个选项中选择了一个选项3，它在下拉菜单2中不可见，依此类推。

Answer 1

将第一个dropDown的change事件绑定到负责动态更改第二个drop down的内容的函数。 有关更多说明，您必须发布代码。

Answer 2

这段代码将删除与示例中名称相同的选项。 我会为所有变化使用一个开关。

$(".dropdown-menu li a").click(function(){
  var option = $(this).text();
  $(".dropdown-menu li a:contains('"+option+"')").css("display","none");
  //remember to handle what should be visible as well
});