使用Javascript - 如何设置子下拉菜单基于父下拉菜单中选择

Question

例如，查看http://katz.cd/submit.php 。 请注意，当您选择一种类型时，该类型会保留到所有其他类型下拉菜单中。

我该怎么做呢？

Answer 1

他们是如何做到的，直接取自其HTML来源：

function doal(){
    var se = document.getElementsByName("type[]");

    for (var i = 0; i < se.length; i++){
        se[i].value = document.getElementById("seX").value;
    }
}

每个下拉列表在其情况下均具有相同的名称，即“ type []”。 “ seX”是其主要下拉菜单。 getElementsByName（）将找到的元素放入它们已命名为“ se”的数组中。 这都是一个onChange事件。 假设您有一个名为“ main”的主下拉列表，而其他“ main”已更改的下拉列表，我们称它们为“其他”。 您的函数可能如下所示：

function changeAll(){
    var toChange = document.getElementsByName("others");

    for (var i = 0; i < toChange.length; i++){
        toChange[i].value = document.getElementById("main").value;
    }
}

编辑：另外，如果您不知道onChange事件，它将看起来像这样：

<select id="main" onChange="changeAll()">
  <option>Example</option>
</select>

<select id="others">
  <option>Example</option>
</select>