Submit form with parameter through Javascript

Question

Below is my Javascript code where k and m are Javascript variables.

function javascriptfunction() {
  document.forms[formname].action="gotopage.php?parameter1="+k+"&parameter2="+m;
  document.forms[formname].submit();
}

The above code executes correctly when my HTML form has a POST method. Below is my HTML page:

<form name="formname" action=# method=POST>
  <input type=text name="data1" value="one">
  <input type=text name="data1" value="two">
  <input type=button name="button1" value="send" onclick="javascritfunction();">
</form>

But when I give a GET method in my HTML form, then the HTML form data is submitted i.e

gotopage.php?data1=one&data2=two is submitting not Javascript action value i.e
gotopage.php?parameter1="+k+"&parameter2="+m

So how to submit the form with Javascript parameter when the method is GET in the HTML form?

Quentin · Accepted Answer · 2013-07-22 13:51:27Z

8

Submitting a GET form will replace the query string in the action with the form data.

Put the data in hidden inputs instead.

answered Jul 22, 2013 at 13:51

Quentin

948k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

hari vallabh shukla Over a year ago

how can i hidden input in html form

Quentin Over a year ago

createElement / appendChild

davnicwil · Accepted Answer · 2013-07-22 14:07:56Z

0

In a GET request the form data has nowhere to 'go' other than in the query parameter string. So as Quentin points out, the query string gets automatically swapped out with the form field key value pairs. So you must use hidden fields to include extra data.

In a POST request you've also got the query parameter string available, if you want to use it, but the form data gets inserted into the request payload (which a GET request does not have), so does not interfere with the query string. That's why you can customise the action url with whatever query string you like.

answered Jul 22, 2013 at 14:07

davnicwil

31.4k21 gold badges116 silver badges135 bronze badges

1 Comment

hari vallabh shukla Over a year ago

thanks Quentin and thanks Davnicwil for giving solution of my question

Collectives™ on Stack Overflow

Submit form with parameter through Javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related