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

Fetch value from one of two HTML elements with same ID

本文关键字：HTML 两个 元素 获取 ID      更新时间：2023-09-26

我有两个跨度，其中包含一个HTML文本框具有相同的id说"field1"。根据下拉值，在给定时间，屏幕上只显示这两个span中的一个。要么显示其中一个span，要么一个都不显示。

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

是否有一种方法可以解决这个问题，以获得可见的HTML文本框值的值?

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

我假设你有不同的下拉值。如果是这样，为这些span分配不同的id，并使用选定的下拉值来选择其中一个。

使用class。元素的ID应该是唯一的，因为它是一个ID;)

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

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

  2. 之后，你可以循环遍历这个元素数组并获得它们的值

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