javascript - use variables of input and form names to reference input element

Question

I have a two variables. One containing the value of the `name` attribute of an input element, and another containing the value of the name attribute of its form element.

Using JavaScript how do I reference that input element just like below, except for replacing the inputname with the value of the variable that contains the name attribute of the input element, and the formname with the value of the variable that contains the name attribute of the form element?

document.formname.inputname

I don't mean to sound complicated, and I am looking forward to a reply,

-An inquisitive Web Developer

Blender · Accepted Answer · 2011-04-14 15:35:52Z

5

Hmm, I think you could just use this:

document.forms['nameOfForm']['nameOfFormElement'];

And to get the value of the elements, just append .value to the end:

document.forms['nameOfForm']['nameOfFormElement'].value;

answered Apr 14, 2011 at 15:35

Blender

300k55 gold badges462 silver badges511 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

65Fbef05 Over a year ago

You could of course jump straight to the form element with document.getElementsByName('nameOfFormElement')[0].value.

Blender Over a year ago

Notice that getElementsByName has an s in it, which makes it plural, so it's an array. You'd have to do document.getElementsByName('nameOfFormElement')[0].value to make it work properly, as name isn't unique.

65Fbef05 Over a year ago

Good catch @Blender. I know how to use the function but apparently I don't know how to proof-read my comments before I submit them. :)

Blender Over a year ago

Before I began using jQuery, you have no idea how many times' I've made this mistake with document.getElementsByClassName. It took me a while to find that s!

65Fbef05 Over a year ago

I can definitely empathize with the headache of searching for a string when you've returned an array. Actually, my most notorious trip-up along these lines is attempting to use objects like arrays.

Collectives™ on Stack Overflow

javascript - use variables of input and form names to reference input element

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related