使用Javascript根据另一个选择的值更改一个选择

我需要一个

下拉列表来根据另一个进行更改。这是我到目前为止所拥有的，但它不起作用

HTML

...
下拉菜单1
下拉菜单2
颜色
形状
声音

Javascript

函数更改下拉列表（ddl1、ddl2）{
var colors=新数组（“黑色”、“棕色”、“蓝色”）；
var shapes=新数组（“三角形”、“正方形”、“圆形”）；
var sounds=新数组（'Loud'、'Soft'）；
开关（ddl1.value）{
“颜色”案例：
对于（i=0；i

这需要使用Javascript。我知道人们通常会为jQuery提供类似的建议，但这需要Javascript

我做错了什么

提前谢谢

-安东尼

 opt.option.add(opt);

似乎您正在将该选项添加到自身中。

此操作有效：

function createOptions(ddl,text,value) {
    var opt = document.createElement('option');
    opt.setAttribute("value", value);
    opt.innerHTML=text;
    ddl.appendChild(opt);
}

而不是：

opt.option.add(opt);

做：

---

更改为

ddl.option.add（opt）

。它仍然不起作用。不过，感谢您捕捉到这一点。尝试将选项替换为选项。它可以工作，请选中此处：但仅当您选择颜色时，因为这是唯一定义的情况（默认情况除外）。我将您的代码复制到我的文件中，它可以工作。有不同的东西；我得弄清楚到底是什么，谢谢。但这并不奏效。编辑：哈。我刚看到这是你。谢谢，我不知道怎么可能。我复制了上面的所有代码，只是修改了那一行，我得到了选项（只有第一个菜单中的颜色）。控制台中有错误吗？ddl.add（opt）；在我这边也行。但我知道一个事实，你的目标应该是ddl，而不是opt。

function createOptions(ddl,text,value) {
    var opt = document.createElement('option');
    opt.setAttribute("value", value);
    opt.innerHTML=text;
    ddl.appendChild(opt);
}

opt.option.add(opt);

ddl.appendChild(opt);