根据下拉选择重复显示html div类元素

<select id="dropdown">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<div id="container"></div>

const dropdown = document.getElementById("dropdown");
const container = document.getElementById("container");

dropdown.addEventListener("change", function() {
  const selectedValue = dropdown.value;
  container.innerHTML = ""; // 清空容器

  for (let i = 0; i < selectedValue; i++) {
    const div = document.createElement("div");
    div.textContent = "这是第 " + (i + 1) + " 个div元素";
    container.appendChild(div);
  }
});

div {
  background-color: #f0f0f0;
  padding: 10px;
  margin-bottom: 5px;
}