How do I submit a form in javascript using the getElementsByName method?

javascript forms submit getelementsbytagname getelementsbyname
frequent picture frequent · Sep 24, 2012 · Viewed 7.2k times · Source

I'm just curious about a certain scenario:

If I want to submit a form using getElementById using the following code below:

 document.getElementById("form_id").submit();

it works fine. However, trying similar code using getElementsByName in the code below:

document.getElementsByName("form_name").submit();

doesn't work, although there is only a single element with this name: form_name.

So my question is?

Is it possible to submit a form using getElementsByName, or do I need to give an id to all of my forms.

Thanks!

Answer

chrisf picture chrisf · Sep 24, 2012

document.getElementsByName returns an array, so you need to access it with the array index notation:

document.getElementsByName("form_name")[0].submit();

Related questions

jQuery AJAX submit form

I have a form with name orderproductForm and an undefined number of inputs. I want to do some kind of jQuery.get or ajax or anything like that that would call a page through Ajax, and send along all the …

Read More
JavaScript post request like a form submit

I'm trying to direct a browser to a different page. If I wanted a GET request, I might say document.location.href = 'http://example.com/q=a'; But the resource I'm trying to access won't respond properly unless I use …

Read More
JavaScript Form Submit - Confirm or Cancel Submission Dialog Box

For a simple form with an alert that asks if fields were filled out correctly, I need a function that does this: Shows an alert box when button is clicked with two options: If "OK" is clicked, the form is …

Read More