根据选择值显示多个div

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

// 使用原生JavaScript实现
var selectElement = document.getElementById("selectElement");
selectElement.addEventListener("change", function() {
  var selectedValue = selectElement.value;
  var divElements = document.getElementsByClassName("content");
  
  // 隐藏所有div
  for (var i = 0; i < divElements.length; i++) {
    divElements[i].style.display = "none";
  }
  
  // 显示选择值对应的div
  var selectedDiv = document.getElementById(selectedValue);
  selectedDiv.style.display = "block";
});

// 使用jQuery实现
$("#selectElement").change(function() {
  var selectedValue = $(this).val();
  $(".content").hide();
  $("#" + selectedValue).show();
});

.content {
  display: none;
  /* 其他样式定义 */
}