级联下拉菜单-第二个下拉菜单出现“未知”，但项目数量正确。

以下是一个示例的级联下拉菜单，其中第二个下拉菜单会出现"未知"选项，但是项目数量是正确的：

HTML代码：

<select id="firstDropdown" onchange="populateSecondDropdown()">
  <option value="">请选择</option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

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

JavaScript代码：

function populateSecondDropdown() {
  var firstDropdown = document.getElementById("firstDropdown");
  var secondDropdown = document.getElementById("secondDropdown");
  var selectedValue = firstDropdown.value;

  // 清空第二个下拉菜单
  secondDropdown.innerHTML = "";

  if (selectedValue === "1") {
    // 选项1的项目数量正确
    var option1 = document.createElement("option");
    option1.value = "1";
    option1.text = "项目1";
    secondDropdown.add(option1);

    var option2 = document.createElement("option");
    option2.value = "2";
    option2.text = "项目2";
    secondDropdown.add(option2);
  } else if (selectedValue === "2") {
    // 选项2的项目数量正确
    var option1 = document.createElement("option");
    option1.value = "3";
    option1.text = "项目3";
    secondDropdown.add(option1);
  } else if (selectedValue === "3") {
    // 选项3的项目数量正确
    var option1 = document.createElement("option");
    option1.value = "4";
    option1.text = "项目4";
    secondDropdown.add(option1);

    var option2 = document.createElement("option");
    option2.value = "5";
    option2.text = "项目5";
    secondDropdown.add(option2);

    var option3 = document.createElement("option");
    option3.value = "6";
    option3.text = "项目6";
    secondDropdown.add(option3);
  } else {
    // 其他选项的项目数量未知
    var unknownOption = document.createElement("option");
    unknownOption.value = "unknown";
    unknownOption.text = "未知";
    secondDropdown.add(unknownOption);
  }
}

这个示例中，第一个下拉菜单的选择会触发populateSecondDropdown()函数，根据第一个下拉菜单的选项值来动态生成第二个下拉菜单的选项。当选项值为1、2或3时，第二个下拉菜单的选项是已知的，并且数量是正确的。当选项值为其他值时，第二个下拉菜单会出现一个"未知"选项，表示项目数量未知。