添加一个新的div on button click and option以选择一个选项以显示文本框

<button id="addButton">添加新的div</button>
<select id="optionSelect">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>
<div id="container"></div>

// 获取按钮和选择框元素
const addButton = document.getElementById("addButton");
const optionSelect = document.getElementById("optionSelect");
// 获取容器元素
const container = document.getElementById("container");

// 监听按钮点击事件
addButton.addEventListener("click", function() {
  // 创建新的div元素
  const newDiv = document.createElement("div");
  // 添加文本框元素
  const newTextBox = document.createElement("input");
  newTextBox.type = "text";
  // 将文本框添加到新的div中
  newDiv.appendChild(newTextBox);
  // 将新的div添加到容器中
  container.appendChild(newDiv);
});

// 监听选项选择事件
optionSelect.addEventListener("change", function() {
  // 获取选中的选项值
  const selectedOption = optionSelect.value;
  // 根据选项值执行相应操作
  switch (selectedOption) {
    case "1":
      // 执行选项1的操作
      break;
    case "2":
      // 执行选项2的操作
      break;
    case "3":
      // 执行选项3的操作
      break;
    default:
      // 默认操作
      break;
  }
});