调用多个SELECT字段的Javascript类似于输入类型的inputBoxes [i]

时间:2014-05-20 18:49:45

标签: javascript html

如果表单中有多个<input type...>,我可以在循环中逐个读取它们,如下所示。

for(var i=0; i<5; i++) 
{
 alert(inputBoxes[i].value)
}

但是当我有多个字段时,如何在上面的循环中调用它们?

<select name="item_unit[]" id="item_unit"> ..... 
<select name="item_unit[]" id="item_unit"> .....

请告诉我Javascript代码。

2 个答案:

答案 0 :(得分:0)

我会创建一个包含要迭代的元素的ID的数组:

var ids = ['item_unit1', 'item_uni2'];
ids.forEach(function (val) {
  var selectElement = document.getElementById(val);
});

答案 1 :(得分:0)

您需要按照标记名称获取所有元素,在您的情况下,选择&#39;:

var myForm = document.getElementById("my-form-id"); 
var mySelects = myForm.getElementsByTagName('select');
for(var i=0; i<myselects.length; i++) 
{
   alert(myselects[i].value)
}

我使用@ComFreek笔记更新了我的样本。