如何根据列表中的选项显示Div的内容2/4

<select id="options">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<div id="content">
  <div id="option1">选项1的内容</div>
  <div id="option2">选项2的内容</div>
  <div id="option3">选项3的内容</div>
</div>

document.getElementById("options").addEventListener("change", function() {
  var selectedOption = this.value;
  var divToShow = document.getElementById(selectedOption);
  
  // 隐藏所有的Div内容
  var allDivs = document.getElementById("content").getElementsByTagName("div");
  for (var i = 0; i < allDivs.length; i++) {
    allDivs[i].style.display = "none";
  }
  
  // 显示选中的Div内容
  divToShow.style.display = "block";
});

#content div {
  display: none;
}

#content div:first-child {
  display: block;
}