根据选择值显示隐藏多个div

<select id="selector">
  <option value="div1">选项1</option>
  <option value="div2">选项2</option>
  <option value="div3">选项3</option>
</select>

<div id="div1" class="hidden">这是div1</div>
<div id="div2" class="hidden">这是div2</div>
<div id="div3" class="hidden">这是div3</div>

.hidden {
  display: none;
}

document.getElementById("selector").addEventListener("change", function() {
  var selectedValue = this.value;
  
  // 隐藏所有的div
  var divs = document.querySelectorAll("div[id^='div']");
  for (var i = 0; i < divs.length; i++) {
    divs[i].classList.add("hidden");
  }
  
  // 显示选择的div
  var selectedDiv = document.getElementById(selectedValue);
  selectedDiv.classList.remove("hidden");
});