Javascript 我可以在一个document.getelementbyID中传递多个Id吗？

我有一个表单，它有45个dropdownlist，我使用它的底部代码 验证

如何仅使用底部代码的一个函数对所有45个dropdownlist进行验证

下面是函数

---

当您需要使用类时，就是这种情况。然后使用querySelectorAll方法：

演示： 这里还有一个示例，其中包含更为用户友好的验证消息：

您可以使用DOM方法getElementsByTagName for select box，并为要验证的对象设置一个数据属性进行验证，如果您不想验证，只需不添加上述属性即可

例如HTML

JavaScript

---

使用公共类，然后使用getElementsByClassName。保留它。我可以在一个文档中传递多个ID吗。getelementbyID不为每个调用使用单独的调用表示为每个函数调用。调用表示为每个选择框单独使用document.getelementbyID，因为您不能同时传递多个ID只是一些建议，不是真正的答案，而是输入，为什么不使用onChange事件处理程序来调用函数而不是一个额外的按钮呢。所以像这样：。此外，我认为函数名不能以大写字母开头。对不起，我不熟悉DOM方法，我应该用什么来代替这些…//您有所有47个选择框，其数据属性为validate//每个选择框将位于ele[i]@dinalizoo中，就像您正在为单个选择框执行document.getElementById一样。在上面的回答中，所有的选择框都是它们的元素变量，您只需迭代并验证它。我已经更新了我的答案

function Validate()
{
var e = document.getElementById("dropdownlistone");
var strUser = e.options[e.selectedIndex].value;
var strUser1 = e.options[e.selectedIndex].text;
if(strUser==0)
{
alert("Please select a user");
}
}
----- HTML CODE 

<select id="dropdownlistone">
<option value="0">Select</option>
<option value="1">test1</option>
<option value="2">test2</option>
<option value="3">test3</option>
</select>  
<input type="button" onClick="Validate()" value="select"/>

function Validate() {
    var e = document.querySelectorAll(".dropdownlistone");
    for (var i = 0; i < e.length; i++) {
        var strUser = e[i].options[e[i].selectedIndex].value;
        var strUser1 = e[i].options[e[i].selectedIndex].text;
        if (strUser == 0) {
            alert("Please select a user");
            return;
        }   
    }
}

<select id="sel1" data-attr="validate">
  <option value="0">Select</option>
  <option value="1">test1</option>
  <option value="2">test2</option>
  <option value="3">test3</option>
</select> 

<select id="sel2" data-attr="validate">
  <option value="0">Select</option>
  <option value="1">test1</option>
  <option value="2">test2</option>
  <option value="3">test3</option>
</select>

function validate()
{
  var ele = document.getElementsByTagName("select");
  for(var i=0;i<ele.length;i++)
  {
     if(ele.getAttribute("data-attr") && ele.getAttribute("data-attr")=='validate')
     {
          // you have all 47 select boxes whoose data-attr is validate
          // each select box will be in ele[i]
          var value= ele[i].options[ele[i].selectedIndex].value;
          var text= ele[i].options[ele[i].selectedIndex].text;

          alert( value+ " : " + text);
     }
  }
}