如何获取ComboBox中的选定值并将其用于第二个ComboBox查询

<select id="comboBox1">
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

<select id="comboBox2"></select>

var comboBox1 = document.getElementById("comboBox1");
var comboBox2 = document.getElementById("comboBox2");

comboBox1.addEventListener("change", function() {
  var selectedValue = comboBox1.value;
  // 在这里可以根据选定值进行相应的操作
});

comboBox1.addEventListener("change", function() {
  var selectedValue = comboBox1.value;
  
  // 清空第二个ComboBox的选项
  comboBox2.innerHTML = "";
  
  // 根据选定值生成第二个ComboBox的选项
  if (selectedValue === "value1") {
    var option1 = document.createElement("option");
    option1.value = "value1-1";
    option1.text = "选项1-1";
    comboBox2.appendChild(option1);
    
    var option2 = document.createElement("option");
    option2.value = "value1-2";
    option2.text = "选项1-2";
    comboBox2.appendChild(option2);
  } else if (selectedValue === "value2") {
    var option3 = document.createElement("option");
    option3.value = "value2-1";
    option3.text = "选项2-1";
    comboBox2.appendChild(option3);
    
    var option4 = document.createElement("option");
    option4.value = "value2-2";
    option4.text = "选项2-2";
    comboBox2.appendChild(option4);
  } else if (selectedValue === "value3") {
    var option5 = document.createElement("option");
    option5.value = "value3-1";
    option5.text = "选项3-1";
    comboBox2.appendChild(option5);
    
    var option6 = document.createElement("option");
    option6.value = "value3-2";
    option6.text = "选项3-2";
    comboBox2.appendChild(option6);
  }
});