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