Javascript 在下拉级别显示验证错误消息

我想在下拉级别显示验证错误消息。 如果我尝试在复选框=选中时在下拉列表中选择一个选项，它将显示验证错误消息。这是我尝试过的代码 请帮助我在java脚本中添加什么，我尝试禁用下拉菜单，但在尝试选择下拉菜单中的选项时，除了下拉菜单之外，我还需要错误消息

函数验证（）
{
var e1=document.getElementById（“chkdd1”）；
如果（e1.checked==“”）
{
//警报（“请启用复选框”）；
document.getElementById（“chkdd1”）.textContent=“xbn”
//document.getElementById（“chkdd1”）.style.color=“Red”；
document.getElementById（“chkdd1”）.focus（）；
返回false；
}否则{
返回true；
}
}
对
不

将类添加到所有选择元素选项“Class=sel”中，并在更改时触发事件

功能启用DD1（chkdd1）{
var dd1=document.getElementById（“DDL1”）；
var dd2=document.getElementById（“DDL2”）；
var dd3=document.getElementById（“DDL3”）；
var dd4=document.getElementById（“DDL4”）；
var dd5=document.getElementById（“DDL5”）；
var dd6=document.getElementById（“DDL6”）；
var dd7=document.getElementById（“DDL7”）；
dd1.disabled=chkdd1.checked？false:true；
dd2.disabled=chkdd1.checked？false:true；
dd3.disabled=chkdd1.checked？false:true；
dd4.disabled=chkdd1.checked？false:true；
dd5.disabled=chkdd1.checked？false:true；
dd6.disabled=chkdd1.checked？false:true；
dd7.disabled=chkdd1.checked？false:true；
如果（！dd1.disabled&&！dd2.disabled&&！dd3.disabled&&！dd4.disabled&&！dd5.disabled&&！dd6.disabled&&！dd7.disabled）{
dd1.focus（）；
dd2.focus（）；
dd3.focus（）；
dd4.focus（）；
dd5.focus（）；
dd6.focus（）；
dd7.focus（）；
}
}
var allSel=document.queryselectoral（'.sel'）；
allSel.forEach（功能（el）{
el.addEventListener（'change'，function（）{
警报（'添加错误消息'）
//在这里，您可以设置错误消息并将其显示在所需的位置
})
})

JS-Bin
对
不
对
不
对
不
对
不
对
不
对
不
对
不

为什么有多个下拉列表？@LuísRamalho他并没有在任何地方提到禁用元素。@jsduniya，你说得对！完全没有抓住重点问题：）@Mahesh bro我有7个不同的下拉列表，所以我用这样的方式进行演示