Elements with same name in different forms

[vajra1987]

Hi guys


I have the following situation: In mypage1.jsp I have 4 forms, each with a different name (and id). But on these forms, there are some fields that have the same name, for example

mypage1.jsp:

<form action="" name="form1" id="form1" method="POST" >
<input type="hidden" name="myValFld" value=""/> 
.....
</form>
 
<form action="" name="form2" id="form2" method="POST" >
<input type="hidden" name="myValFld" value=""/> 
.....
</form>

and I have some images that can be clicked inside each of these forms, and they call a javascript to set the hidden field and submit the form:

function goAndSub(Form,URL,Action){
 
 
    document.forms[Form].elements['myValFld'].value = Action;
    document.getElementById(Form).action = URL;
    document.getElementById(Form).submit();
 
}

Now the problem is , even though both the forms have exactly the same way of calling the javascript method, one of them successeds and the other gives error message:

document.forms[...].elements.myVal Fld is null or not an object.

Could you please advise?

Many thanks
Vajra

[acoder]

Try renaming the Action parameter to Val or something.

Give an example of a function call that fails.

[mrhoo]

You can use document.getEle mentsByName('my ValFld')[0] and
document.getEle mentsByName('my ValFld')[1]- the node list index will be the same as the forms index, if you have the same name in every form.