Javascript 如果在多个下拉列表中选择了选项，则显示html元素

我想在Bootstrap4模块中创建两个下拉列表，如果选择了选项3，则将显示带有输入的表单。我设法找到了一个显示隐藏元素的代码，但我只在第一个下拉列表中工作，我有两个

函数showDiv（divId，元素）{
document.getElementById（divId）.style.display=element.value==3？'block'：'none'；
}

#隐藏形式{
显示：无；
}
#隐藏形式2{
显示：无；
}

标题
&时代；
选择1
选择选项
以前的版本
当前版本
从Excel
选择文件
选择2
选择选项
以前的版本
当前版本
从Excel
选择文件
接近

除了Rory在评论中提到的内容外，

元素由于

折叠

CSS类而被隐藏。您需要删除这些元素，或者将

id

属性

id=“hiddenform”

和

id=“hiddenform2”

移动到

元素本身，以便JavaScrit显示它们：

除此之外，请注意，您的HTML是无效的，因为您有一个

表单

元素嵌套在另一个

表单

中。内部的需要移除。此外，您将在引导后添加jQuery。它需要首先被引用，因为Bootstrap依赖于它。非常感谢您的反馈。实际上，删除不必要的表单元素很有帮助，现在所有内容都正确显示了。Thnak很多，当我阅读Rory关于表单元素的反馈时，我正在研究这个表单元素，它很有帮助。您在代码中实现的更改也很好，因此我认为您的答案已被接受。