Addressing form variables with the same form in separate forms (IE vs Firefox)

[erobinso]

In IE it is simple to address form fields with the same name in multiple forms, such as:

document.firstform.mode.value='open';
document.secondform.mode.value='new';
etc

But in Firefox I am forced to use getElementById, as in:

document.getElementById['mode'].value='open';

But this doesn't include a form reference and so only changes the first use of mode.

Is there a FireFox friendly way to address similar named elements in different forms, without having to use mode1, mode2 etc.?

[Logician]

In IE it is simple to address form fields with the same name in multiple forms, such as:

document.firstform.mode.value='open';
document.secondform.mode.value='new';
etc

That is not proper syntax, I.E. just accepts it.

There is no issue with different forms having elements of the same name.

If a form and its elements have name attributes, this syntax is universal:

document.forms.formName.elementName

If a form and its elements have id attributes, use

document.getElementById(elementId);

All id attributes within a document must be unique.

Do not pass a name attribute to document.getElementById - that's something else that shouldn't work in I.E.

[pbmods]

You can also use getElementsByName.