按类别排序的下拉菜单
创始人
2024-11-02 20:31:39
0次

下面是一个示例的解决方案，使用HTML和JavaScript来创建一个按类别排序的下拉菜单：

HTML代码：




    
  
  • Item 1
    • 
  
  • Item 2
    • 
  
  • Item 3
    • 
  
  • Item 4
    • 
  
  • Item 5
    •

JavaScript代码：

function sortItems() {
  var category = document.getElementById("category-dropdown").value;
  var itemList = document.getElementById("item-list").getElementsByTagName("li");

  for (var i = 0; i < itemList.length; i++) {
    var item = itemList[i];
    var itemCategory = item.getAttribute("data-category");

    if (category === "all" || category === itemCategory) {
      item.style.display = "block";
    } else {
      item.style.display = "none";
    }
  }
}

上述代码中，首先我们在HTML中创建了一个下拉菜单（