Javascript-HTML - how to iterate through all the forms on a page?

Question

How can I iterate through all forms in a document using javascript?

Concerted

Answer 1

The code below will go through an html document, get all forms and do a pop-up alert of the names of each form.

var formsCollection = document.getElementsByTagName("form");
for(var i=0;i<formsCollection.length;i++)
{
   alert(formsCollection[i].name);
}

This is just a start to see if you are getting the reult you require. Thereafter, remove the alert and continue to do what you need to.

Piotr

Obviously because your answer is less elegant then pulse .. I didn't give you vote down btw – Mama

I didn't vote, but note that the "name" attribute has little use on a form, so you'll seldom see it. One would find the uniqueness and addressability of "id" to be more useful, but neither affect the form's functionality. – Commissar

Answer 2

You can use

document.forms collection

See forms Collection

Bumblebee

this should be best answer :) – Zoan

Much simpler than trying to grab the element by the Tag, ID, or Name as they could be different. – Sauna

Answer 3

Here's an example using the document.forms instead of getElementsByTagName().

As with the getElementsByTagName() example this goes through all the forms and does a popup alert with the action (instead of name, as it is more likely to be set).

var formsCollection;
var r;

formsCollection=document.forms;

for(r=0;r<formsCollection.length;r++)
{
    alert(formsCollection[r].action);
}

This can be condensed down and of course the popup changed to something useful but I have tried to keep it simple.

And for reference here are some links to more info:

• Mozilla Developer Network
• Microsoft
• w3c
• And even w3schools

Fertile