根据另一个select结果更改HTML <selecet>based中的选项

<select id="select1">
  <!-- 选项内容 -->
</select>

<select id="select2">
  <!-- 选项内容 -->
</select>

var select1 = document.getElementById("select1");
var select2 = document.getElementById("select2");

select1.addEventListener("change", function() {
  var selectedValue = select1.value;  // 获取第一个<select>标签选中的值

  // 根据selectedValue的不同值，修改第二个<select>标签的选项内容
  switch (selectedValue) {
    case "option1":
      select2.innerHTML = "<option value='option1_1'>Option 1.1</option><option value='option1_2'>Option 1.2</option>";
      break;
    case "option2":
      select2.innerHTML = "<option value='option2_1'>Option 2.1</option><option value='option2_2'>Option 2.2</option>";
      break;
    // 其他选项的处理
    default:
      select2.innerHTML = "";
      break;
  }
});