Javascript 针对不同的下拉列表发出警报？

如果用户无法从特定的下拉菜单中进行选择，我将使用下面的代码触发警报

  <script>
          function selection(){    
            var sel = document.getElementById('product_configure_variants');    
            var selectedText = sel.options[sel.selectedIndex].text;
            if (selectedText.startsWith("Make a choice...")) {
               alert('PLEASE MAKE ALL ORDER FORM SELECTIONS');
               return false;
            }
            return true;
         }
    </script> 

函数选择（）{
var sel=document.getElementById（“产品配置变量”）；
var selectedText=sel.options[sel.selectedIndex].text；
if（selectedText.startsWith（“做出选择…”）{
警报（'请选择所有订单'）；
返回false；
}
返回true；
}

上面的代码工作得很好。但现在我想对其他下拉菜单做同样的操作，但这给我带来了一个问题。这些下拉列表的ID各不相同。ID如下所示：

ID=“产品\u配置\u自定义\u 2197256”

每个下拉列表中ID的数量都不同。它们是由网络商店后台生成的

---

如何将上面的代码与这些不同的下拉ID一起使用？

您可以将

ID

与in函数一起传递。在html中应用函数，如

选择（this.ID）

如果相同的元素ID还有其他元素ID，请尝试

选择（thaelementid）

示例代码

函数选择（id）{
控制台日志（id）
var sel=document.getElementById（id）；
var selectedText=sel.options[sel.selectedIndex].text；
//f（selectedText.startsWith（“做出选择…”）{
警报（'请选择所有订单'）；
返回false；
//}
返回真值
}

一
二
三
一
二
三
一
二
三

谢谢，@prasad。但这并没有显示警报。它不起作用。代码正常。请显示您的标记（html）。它的帮助完全可以找到您的need@Eddy看我的更新答案。我被添加了一些工作片段，就像那样

function selection(id){    
            var sel = document.getElementById(id);    
            var selectedText = sel.options[sel.selectedIndex].text;
            if (selectedText.startsWith("Make a choice...")) {
               alert('PLEASE MAKE ALL ORDER FORM SELECTIONS');
               return false;
            }
            return true;
         }