Javascript 如何使用onchange（）显示另一个选择列表？

这里需要帮助。好像有点卡住了。为了保持简短，我有一个包含几个选项的选择列表。现在，我的最终目标是，如果我选择一个特定的选项，我想显示另一个名为Modules的选择列表，在这个选择列表中还有几个选项可供选择。我在列表“ProductDet_Product”中针对的选项是DocAve 6和DocAve 5，如下所示

函数加载模块（$i）{
如果（$i=“DocAve 6”）{
var x=document.createElement（“选择”）；
x、 setAttribute（“id”、“loadDA6module”）；
文件.正文.附件（x）；
var z=document.createElement（“选项”）；
z、 setAttribute（“值”、“管理员”）
var t=document.createTextNode（“管理员”）；
z、 儿童（t）；
document.getElementById（“loadDA6module”）.appendChild（z）；
}
}

产品
（项目）：
阿皮亚
ARIS（风险情报系统）
公民服务
合规监护人
合规卫士在线
发现工具
DocAve 6
DocAve 5
文件共享导航器
文件共享导航器在线
治理自动化
在线治理自动化
会议
在线会议
办公室连接
周长
周界在线
PDF聚合器
Salesforce备份
安全发布者
水印

您可以这样做：

• 在HTML中创建另一个选择列表，并将其CSS显示属性设置为

  none

• 在可见的

  select

  的

  onchange（）

  回调中，检查所选值是否==“DocAve 6”，如果是，则将另一个列表的显示属性设置为

  块

函数showHiddenSelect（）{
var结果=document.getElementById（'ProductDet_Product'）。值；
如果（结果=“文档保存5”）{
document.getElementById（“hiddenSelect”）.style.display=“block”；
}
}

您不需要像这样获取所选选项。只需将此作为参数传递给

onchange

，然后获取值：

<select id="ProductDet_Product" onchange="loadmodule(this);">

---

您可以找到一个工作示例。

谢谢@shalvah！非常感谢。谢谢你@Yaser。非常感谢！

<select id="ProductDet_Product" onchange="loadmodule(this);">

function loadmodule(activities) {
    console.log(activities.value);
    if(activities.value == "test")
    {
        addOtherSelect();
    }    
}