Pass javascript variable via form (get)

Question

Ok, so the idea is that I have some javascript stuff happening (autcomplete) that ends up creating a variable. Let's declare the variable as test and have the value of testValue.

I then have a form further down the page and I want to append this value of test to the submission of a form.

Eg. I have a form:

<form name="form" method="get" action="search.php">
    <input id="search" name="search" type="text" value="Search" size="40" />
</form>

What I want to do is change the action from search.php to:

search.php?test= our javascript variable's value

Seems pretty basic and is very achievable in php. Eg. in PHP:

<?php
  $test = "somevalue;
  $url = "search.php?test=$test"
?>

Etc.

How can I achieve this in javascript

Quentin · Accepted Answer · 2012-07-31 11:03:45Z

1

Leave the action alone. You are trying to modify the data in the query string.

Generate a hidden input and add it to the form.

var i = document.createElement('input');
i.type = 'hidden';
i.name = 'test';
i.value = foo;
document.forms.id_of_form.appendChild(i);

answered Jul 31, 2012 at 11:03

Quentin

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

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

2 Comments

Andrew Over a year ago

Thanks :) I think the issue actually was that I was doing stuff in the wrong order. Need to do that after the form (not thinking so well).

Andrew Over a year ago

Had some issues with it and ended up changing it to to getElementByID which worked. I think it's because your method works as an array (if I'm correct)

Collectives™ on Stack Overflow

Pass javascript variable via form (get)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related