选择all and one时切换的div将消失

<div>
  <select id="option">
    <option value="all">All</option>
    <option value="one">One</option>
  </select>
</div>

<div id="content">
  <div id="all">All Content</div>
  <div id="one">One Content</div>
</div>

#content div {
  display: none;
}

#content div.show {
  display: block;
}

var optionSelect = document.getElementById("option");
var contentDivs = document.querySelectorAll("#content div");

optionSelect.addEventListener("change", function() {
  var selectedOption = optionSelect.value;

  // 隐藏所有div
  contentDivs.forEach(function(div) {
    div.classList.remove("show");
  });

  // 根据选择的选项显示对应的div
  var selectedDiv = document.getElementById(selectedOption);
  selectedDiv.classList.add("show");
});