Dropdown:提交后，使用javascript进行操作并在不同页面显示结果

Dropdown是一种常见的前端交互组件，也称为下拉菜单或下拉列表。它通常由一个可点击的按钮或文本框以及一个下拉的选项列表组成。用户可以点击按钮或文本框，展开选项列表并选择其中一项。

Dropdown的操作可以通过JavaScript来实现。以下是一种常见的实现方式：

HTML结构：

<button id="dropdown-btn">点击选择</button>
<ul id="dropdown-list">
  <li>选项1</li>
  <li>选项2</li>
  <li>选项3</li>
</ul>

JavaScript操作：

// 获取按钮和选项列表的元素
var btn = document.getElementById("dropdown-btn");
var list = document.getElementById("dropdown-list");

// 给按钮添加点击事件，展开或收起选项列表
btn.addEventListener("click", function() {
  list.style.display = (list.style.display === "none") ? "block" : "none";
});

// 给选项列表的每一项添加点击事件，选择某一项并在不同页面显示结果
var options = list.getElementsByTagName("li");
for (var i = 0; i < options.length; i++) {
  options[i].addEventListener("click", function() {
    var selectedOption = this.innerHTML;
    // 在不同页面显示结果，可以通过跳转页面、AJAX请求等方式实现
    // ...
  });
}

Dropdown的应用场景非常广泛，常见的包括：