用js写一个二级联动

可以使用 JavaScript 实现二级联动，通常的做法是定义两个下拉列表，一个是父级下拉列表，一个是子级下拉列表，然后使用 JavaScript 监听父级下拉列表的变化事件，根据选择的值动态地更新子级下拉列表的内容。

例如：

<select id="parent-select">
  <option value="">请选择</option>
  <option value="1">选项 1</option>
  <option value="2">选项 2</option>
</select>

<select id="child-select">
  <option value="">请选择</option>
</select>

<script>
var parentSelect = document.getElementById("parent-select");
var childSelect = document.getElementById("child-select");

parentSelect.addEventListener("change", function() {
  var selectedValue = parentSelect.value;
  childSelect.innerHTML = "";

  if (selectedValue === "1") {
    childSelect.innerHTML = "<option value='1-1'>选项 1-1</option><option value='1-2'>选项 1-2</option>";
  } else if (selectedValue === "2") {
    childSelect.innerHTML = "<option value='2-1'>选项 2-1</option><option value='2-2'>选项 2-2</option>";
  }
});
</script>

这个代码示例实现了一个简单的二级联动，选择父级下拉列表的选项后，子级下拉列表会相应地更新内容。