从具有相同ID的两个HTML元素之一获取值

Question

我有两个span，其中包含一个带有相同id的HTML文本框，如“field1”。根据下拉值，在给定时间内仅在屏幕中显示这两个跨度。显示任何一个跨度或者没有显示跨度。

我在原型js中使用.hide();和.show();来根据下拉值显示和隐藏这些跨度。但是每当我尝试通过$F('field1');提交值时，我只获得第一个HTML文本框的值（它是空的）。

有没有办法可以解决这个问题，以获取可见HTML文本框值的值？

Answer 1

id在页面中应该是唯一的。

我假设你有不同的下拉值。如果是，请为这些范围指定不同的id，并使用所选的下拉值选择其中一个。

Answer 2

使用课程。元素的ID应该是唯一的，因为它是一个ID;）

1. 选择具有指定类名的所有元素。你将得到一个具有指定类名的元素数组。

   var eleCollection = document.getElementByClassName("anyClassName");
   

2. 在此之后，你可以遍历这个元素数组并获取它们的值

   for(element in eleCollection) {
       var thisValue = element.getAttribute("value");
      console.log("Element: ",element," value: ",value);
   }