使编辑表单在多个选择框中显示选定的值它选择数据但双倍数据

<!-- HTML -->
<select id="select1" onchange="updateSelect2()">
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

<select id="select2">
  <!-- 根据选择的值动态生成选项 -->
</select>

<script>
  function updateSelect2() {
    var select1Value = document.getElementById("select1").value;
    var select2 = document.getElementById("select2");

    // 清空之前的选项
    select2.innerHTML = "";

    // 根据选择的值动态生成选项
    if (select1Value === "1") {
      select2.innerHTML += "<option value='A'>选项A</option>";
      select2.innerHTML += "<option value='B'>选项B</option>";
    } else if (select1Value === "2") {
      select2.innerHTML += "<option value='X'>选项X</option>";
      select2.innerHTML += "<option value='Y'>选项Y</option>";
    } else if (select1Value === "3") {
      select2.innerHTML += "<option value='I'>选项I</option>";
      select2.innerHTML += "<option value='J'>选项J</option>";
    }
  }
</script>