如果我不更改我的第一个dropdown，第二个DropDown值不会改变

<select id="dropdown1" onchange="updateDropdown2()">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>

<select id="dropdown2">
  <!-- 第二个下拉菜单的选项值将在第一个下拉菜单的选项值发生变化时动态生成 -->
</select>

function updateDropdown2() {
  var dropdown1 = document.getElementById("dropdown1");
  var dropdown2 = document.getElementById("dropdown2");

  // 清空第二个下拉菜单的选项值
  dropdown2.innerHTML = "";

  // 根据第一个下拉菜单的选项值生成第二个下拉菜单的选项值
  if (dropdown1.value === "option1") {
    dropdown2.innerHTML += "<option value='option1-1'>选项1-1</option>";
    dropdown2.innerHTML += "<option value='option1-2'>选项1-2</option>";
  } else if (dropdown1.value === "option2") {
    dropdown2.innerHTML += "<option value='option2-1'>选项2-1</option>";
    dropdown2.innerHTML += "<option value='option2-2'>选项2-2</option>";
  } else if (dropdown1.value === "option3") {
    dropdown2.innerHTML += "<option value='option3-1'>选项3-1</option>";
    dropdown2.innerHTML += "<option value='option3-2'>选项3-2</option>";
  }
}