Javascript - 如何根据父下拉菜单选择设置子下拉菜单

时间:2011-01-14 00:27:47

标签: javascript jquery

例如,请查看http://katz.cd/submit.php。请注意,当您选择类型时,该类型将传递到所有其他类型的下拉菜单。

我该怎么做?

1 个答案:

答案 0 :(得分:0)

以下是他们如何做到这一点,直接来自他们的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事件。所以说你有一个名为“主要”的主要下拉菜单和其他“主要”改变,让我们称之为“其他人”。你的功能可能如下所示:

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>