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; 
    } 
} 

每個下拉具有相同的名稱在他們的情況，這是「輸入[]」。 「seX」是他們的主要下拉菜單。 getElementsByName（）將找到的元素放入他們命名爲「se」的數組中。這是一個onChange事件。所以說你有一個名爲「main」的主下拉菜單，其他的「main」改變了，我們稱他們爲「others」。你的函數可以是這樣的：

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>