使用javascript下拉逻辑

Question

我在html页面中使用bootstrap有三个下拉列表，我想显示与第一个下拉列表相关的内容。

据推测，从下拉列表1中的五个选项中选择一个选项3，它在下拉列表2中不可见，依此类推。

Answer 1

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

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
});