Traversing DOM

Seachmall

I'm looking to get the value of an input field when another field has the same name. I need to do it relative to the form it's apart of. I'm sure it's easy to do but I just can't get it right, any help would be appreciated .

E.g.

<form id="form1">
   <input type="text" name="some_name" />
</form>

<form id="form2">
   <input type="text" name="some_name" />
</form>

I need to go [ document -> form2 -> some_name ] as oppose to [ document -> some_name[1] ]

I've tried

document.getElementById("form2").getElementsByName("some_name").value;
document.getElementById("form2").childElements("some_name").value;

and similiar ways, none of which work.

Any ideas?

viking

document.getElementById('form2').some_name.value

Seachmall

Knew it had to be easy but for feck sake, now I feel like an idiot [and rightly so].

Thanks.

Liam Byrne

You could actually give the two input fields unique "ids", and still keep the names

<form id="form1">
   <input id="form1input" type="text" name="some_name" />
</form>

<form id="form2">
   <input id="form2input" type="text" name="some_name" />
</form>

Then you could use

document.getElementById("form1input").value
document.getElementById("form2input").value

Seachmall

I did think of doing that but wanted to keep the HTML as simple as possible, plus I knew their must've been an easy way to get the input field by name and it's handy to know for future reference (I still can't believe I couldn't figure it out on my own, couldn't even find it on Google [got to work on those Googling skills :pac:]).