如何区分文本框

Question

sorry for weird question...

so i want to alert (testing for now) values of text boxes using javascipt and php and right now, i have loops creating various text boxes with the same name. when i try to alert a text box with a name, it chooses only the first one... i'm not sure how to deal whit this. is there a way to do this with forms or div? heres some code...

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>";

thanks!

Answer 1

不确定，但应该使用.each()与jquery，这将帮助您创建所选元素的循环...

Answer 2

give each text box a same class say "text-boxes" and then use jquery method each

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

or try giving diff id to each textbox if using a loop like

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

and in js function loop with the same thing

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

Answer 3

您可以使用for循环索引为文本框指定不同的id ，并按id检索require字段。

Answer 4

Quote from w3schools :

The id attribute specifies a unique id for an HTML element (the id attribute value must be unique within the HTML document).

So you shouldn't have 5 textareas with same id. One solution is to give different ids to textareas.
Other solution is using getElementsByTagName('textarea') and then loop inside the node list.
You can also use getElementsByClassName if you assign a class to your textareas.