Javascript 下拉框到DIV分隔缝

当下拉框与前面提到的部分相等时，有没有办法使DIV框出现？例如，如果启用了“密码设置”，则“密码设置”div框将变为可见

    <p>Security Actions</p>
    <select id="style">
        <option value="#">No action taken</option>
        <option value="password">Password Settings</option>
        <option value="disable-access">Disable Access</option>
    </select>

安全操作

没有采取行动
密码设置
禁用访问

DIV框示例：

 <div id="password">
Password Settings Here
</div>

此处的密码设置

隐藏更改选择框时要显示的框，向选择框添加事件侦听器，并使用选定的值作为要显示的ID。如果您只想显示

选择
值的div，请遍历所有隐藏框并隐藏它们，然后显示所选id


document.getElementById（'style'）.addEventListener（'change'，function（）{
var hides=document.getElementsByClassName（'hide'）；
对于（变量i=0；i

.hide{
显示：无；
}
安全操作

没有采取行动
密码设置
禁用访问
此处的密码设置
禁用访问