如何區分文本框

Question

抱歉奇怪的問題......

所以我想使用javascipt和php警告（現在測試）文本框的值，現在，我有循環創建具有相同名稱的各種文本框。 當我嘗試使用名稱警告文本框時，它只選擇第一個...我不知道如何處理這個問題。 有沒有辦法用表格或div做到這一點？ 繼承了一些代碼......

function insertComment(comment){
     alert(comment);
}

//say... i have a for loop that makes 5 of these 
echo "<textarea rows='3' cols='20' name='txt_comment' id = 'txt_comment'>Enter comment here...</textarea>" . "</br>";
echo "<button onClick='insertComment(txt_comment.value)'>Submit Comment</button>";

謝謝！

Answer 1

不確定，但應該使用.each()與jquery，這將幫助您創建所選元素的循環...

Answer 2

給每個文本框一個相同的類說“文本框”，然后分別使用jquery方法

$("input.text-boxes").each(...);

或者如果使用類似的循環，嘗試為每個文本框提供diff id

loop for $i
"text-comment" . $i

並在js函數循環中使用相同的東西

for i = 1 to 5
  ..document.getElementById("text-comment" + i).value..

Answer 3

您可以使用for循環索引為文本框指定不同的id ，並按id檢索require字段。

Answer 4

來自w3schools的報價：

id屬性指定HTML元素的唯一ID（id屬性值在HTML文檔中必須是唯一的）。

所以你不應該有5個具有相同id的textareas。 一種解決方案是給textareas提供不同的id。
其他解決方案是使用getElementsByTagName('textarea')然后在節點列表中循環。
如果為textareas分配類，也可以使用getElementsByClassName 。