如何在Javascript依赖选项中添加更多选项？

Question

我想在此文件中添加更多下拉选项：

http://parseven.com/java_ex.html

现在它有两个，我想再做三个。第三种选择必须依赖于第二种选择，依此类推。 请建议我。提前谢谢。

Answer 1

数据来自哪里？我不确定你最需要答案的哪一部分：

1. 您需要将事件处理程序添加到第一个下拉列表的OnChange事件中。
2. 在事件处理程序中，您需要从某处获取数据（AJAX？）
3. 然后您需要获取新数据和add it to the second dropdown。

基本上是你做的：

document.getElementById('dropdown1').onchange = yourFunction;

function yourFunction() {
    //Here is where you need to get the data

    //Then you need to add them to the other dropdown like this:
    var dropdown2 = document.getElementById('dropdown2');

    var optn = document.createElement("OPTION");
    optn.text = text;
    optn.value = value;
    dropdown2.options.add(optn);
}