两个页面表单联级选择器

您可以使用 JavaScript 和 HTML 创建两个联级选择器，其中一个选择器用于选择第一个表单，另一个选择器用于选择第二个表单，根据第一个表单的选择来更新第二个表单的选项。

以下是一个示例代码：

HTML:

<form>
  <label for="first-form">First Form:</label>
  <select id="first-form" name="first-form" onchange="updateSecondForm()">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</form>

<form>
  <label for="second-form">Second Form:</label>
  <select id="second-form" name="second-form">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3">Option 3</option>
  </select>
</form>

JavaScript:

function updateSecondForm() {
    var firstForm = document.getElementById("first-form");
    var secondForm = document.getElementById("second-form");

    if (firstForm.value === "option1") {
        // Update second form options
        secondForm.innerHTML = "<option value='option1'>Option 1</option><option value='option2'>Option 2</option>";
    } else if (firstForm.value === "option2") {
        // Update second form options
        secondForm.innerHTML = "<option value='option3'>Option 3</option><option value='option4'>Option 4</option>";
    } else if (firstForm.value === "option3") {
        // Update second form options
        secondForm.innerHTML = "<option value='option5'>Option 5</option><option value='option6'>Option 6</option>";
    }
}

在此示例中，第一个表单包含三个选项，第二个表单也包含三个选项。当用户选择第一个表单中的选项时，JavaScript 将根据所选选项更新第二个表单中的选项。在这个例子中，如果用户选择第一个选项，则第二个表单将包含第一和第二个选项。如果用户选择第二个选项，则第二个表单将包含第三和第四个选项。如果用户选择第三个选项，则第二个表单将包含第五和第六个选项。