选择下拉列表和单选按钮时显示或隐藏div

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

<div id="div1" style="display: none;">
  这是div1
</div>

<div id="div2" style="display: none;">
  这是div2
</div>

<input type="radio" name="radioBtn" value="radio1"> 单选按钮1
<input type="radio" name="radioBtn" value="radio2"> 单选按钮2

<div id="div3" style="display: none;">
  这是div3
</div>

// 获取下拉列表和单选按钮元素
var selectList = document.getElementById("selectList");
var radioBtns = document.getElementsByName("radioBtn");

// 添加事件监听器
selectList.addEventListener("change", function() {
  var selectedValue = selectList.value;
  if (selectedValue === "option1") {
    document.getElementById("div1").style.display = "block";
    document.getElementById("div2").style.display = "none";
  } else if (selectedValue === "option2") {
    document.getElementById("div1").style.display = "none";
    document.getElementById("div2").style.display = "block";
  } else {
    document.getElementById("div1").style.display = "none";
    document.getElementById("div2").style.display = "none";
  }
});

for (var i = 0; i < radioBtns.length; i++) {
  radioBtns[i].addEventListener("click", function() {
    var selectedValue = this.value;
    if (selectedValue === "radio1") {
      document.getElementById("div3").style.display = "block";
    } else {
      document.getElementById("div3").style.display = "none";
    }
  });
}