使用SwitchJavaScript显示不同类型的表单

我有个问题。我希望使用JavaScript

switch

语句根据用户输入显示不同类型的表单，例如用于添加的表单、用于修改的表单和用于删除的表单。因此，如果用户输入“A”，添加表单将显示，当用户输入“B”时，修改表单将显示，等等。这里的问题是，无论我输入什么，都不会显示。有人能给我解释一下吗？多谢各位

注意：表单的CSS

display:none因为我不想在页面加载时显示表单。我只想在用户输入的基础上，然后具体的形式将显示。我想制作下拉列表，而不是在框中键入，但这并不容易


var val=document.getElementById（“用户”）.value；
var check=document.getElementById（“输入”）；
函数更改（）{
开关（val）{
案例“A”：{
document.getElementById（“add”）.style.display=“block”；
打破
}
案例“B”：{
document.getElementById（“modify”）.style.display=“block”；
打破
}
案例“C”：{
document.getElementById（“delete”）.style.display=“block”；
打破
}
}
}
选中。添加EventListener（“单击”，更改）
div#添加、div#修改、div#删除{
显示：无；
}

添加新任务
标题


描述


到期日


时间




修改任务
什么部门？


什么身份证？


标题


描述


到期日


时间




删除任务
什么部门？


什么身份证？




使用者
您需要在
更改
函数中获取
用户
输入的值


var check=document.getElementById（“回车”）；
函数更改（）{
var val=document.getElementById（“用户”）.value；
开关（val）{
案例“A”：{
document.getElementById（“add”）.style.display=“block”；
打破
}
案例“B”：{
document.getElementById（“modify”）.style.display=“block”；
打破
}
案例“C”：{
document.getElementById（“delete”）.style.display=“block”；
打破
}
}
}
选中。添加EventListener（“单击”，更改）
div#添加、div#修改、div#删除{
显示：无；
}

添加新任务
标题


描述


到期日


时间




修改任务
什么部门？


什么身份证？


标题


描述


到期日


时间




删除任务
什么部门？


什么身份证？




使用者
尝试使用下拉菜单：

选择一个操作：
添加
编辑
删除

以及Javascript代码：

函数onSelectChangeHandler（）{
var val=document.getElementById（“操作”）.value；
开关（val）{
案例“添加”：
//document.getElementById（“add”）.style.display=“block”；
控制台日志（“显示表单添加”）；
打破
案例“修改”：
//document.getElementById（“修改”）.style.display=“块”；
控制台日志（“显示表单修改”）；
打破
案例“删除”：
//document.getElementById（“删除”）.style.display=“块”；
控制台日志（“显示表单删除”）；
打破
}
}

只要删除
注释
，就可以了

但您也可以通过执行以下操作来删除switch语句：

函数onSelectChangeHandler（）{
var val=document.getElementById（“操作”）.value；
document.getElementById（val.style.display=“block”；
控制台日志（“显示表单”，val）；
}

也就是说，如果选项
值
（s）是e