Javascript獲取多個文本字段的值

Question

我有一個動態網頁，其中的內容可能包含1到10個鏈接（在文本框中提供），類似於以下內容：

<input size="50" id="link" value="http://Something.Something" type="text">
<input size="50" id="link" value="http://SomethingElse.Something" type="text">

我需要javascript才能讀取所有鏈接，並能夠處理數據（存儲在數組中，輸出到屏幕等）

我知道我可以使用以下內容讀取單個ID

var link = document.getElementById('link');

哪個將返回第一個匹配項-但是，考慮到無法事先確定鏈接數，我該如何循環或獲取所有鏈接的所有值？

PS我嘗試使用getElementsByTagName（'input'），但是頁面上有更多輸入，這意味着它獲得的結果比我想要的要多。

Answer 1

您可以使它們全部具有名稱並按名稱搜索。

<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>
<input name="vrow" value="0" type="text"/>

然后，您可以通過以下方式獲得它：

var vrows = document.getElementsByName("vrow");
alert(vrows.length);

Answer 2

給他們一個通用的類，並使用document.getElementsByClassName（'class'）進行訪問 。

Answer 3

每個元素的ID應該唯一。 您可以使用document.getElementsByClassName或document.querySelectorAll(".class"); 然后使用類名（假設瀏覽器相對較新）。 或使用document.getElementsByTagName() ，然后遍歷與類進行比較的元素。

Answer 4

附加一個jQuery庫，您將可以執行以下操作：

$('input[type=text]').each(function(i, val){
    alert($(this).val());
});