如何在单击选项后添加新的选择菜单

<select id="mainMenu">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

document.getElementById("mainMenu").addEventListener("click", function() {
  // 在这里添加新的选择菜单的逻辑
});

document.getElementById("mainMenu").addEventListener("click", function() {
  // 创建新的选择菜单
  var newMenu = document.createElement("select");

  // 创建新的选项元素
  var option1 = document.createElement("option");
  option1.value = "option3";
  option1.textContent = "Option 3";

  var option2 = document.createElement("option");
  option2.value = "option4";
  option2.textContent = "Option 4";

  // 将选项元素添加到选择菜单中
  newMenu.appendChild(option1);
  newMenu.appendChild(option2);

  // 将选择菜单添加到页面中的适当位置
  document.getElementById("menuContainer").appendChild(newMenu);
});