Construct GET url from java script and submit

Question

On click of search button in my form, i want to set some param to url and submit it.

Below is my javascript

function validateSubmitSearch(form) {   
  if(form.elements["iAccept"].checked == true) {
    form.query.value=form.search_query.value;
    form.action = "vendor/search";
    form.method = "GET";
    form.submit();
  }
}

This javascript is returning url as http://localhost:8080/Project/vendor/search?query=xxx&search_query=xxx&search=Search

Instead i need it as http://localhost:8080/Project/vendor/search?query=xxx

How this can be done ?

EDIT:

I cannot remove form elements search_query and search

Here is HTML code

<form class="searchform" onSubmit="validateSubmitSearch(this)">
  <input name="query" type="hidden" />
  <input name="search_query" class="textbox" type="text" />
  <input type="checkbox" id="iAccept" name="iAccept" value="I ACCEPT">
  <input name="search" class="button" value="Search" type="submit" /></td>
</form>

@SamuelToh : form.search_query.value = input text in textbox — Sachin Goyal
– Sachin Goyal, Commented Aug 26, 2016 at 22:32

Barmar · Accepted Answer · 2016-08-26 22:37:52Z

1

When you submit a form with `method="GET", all the input fields in the form will be included as URL parameters. If you want some of them to be left out, you need to remove those inputs from the form.

function validateSubmitSearch(form){

    if(form.elements["iAccept"].checked == true)
        {
            form.query.value=form.search_query.value;
            form.action = "vendor/search";
            form.method = "GET";
            form.seach_query.parentNode.removeChild(form.search_query);
            form.search.parentNode.removeChild(form.search);
            form.submit();
        }
    }
}

Also, you should disable the default form submission by returning false from the onsubmit code.

<form class="searchform" onsubmit="validateSubmitSearch(this); return false;">

edited Aug 26, 2016 at 22:37

answered Aug 26, 2016 at 22:32

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

3 Comments

Sachin Goyal Over a year ago

This is not working either, URL still has the unwanted params

Barmar Over a year ago

How are you calling the function? Maybe you're not disabling the default submission.

Sachin Goyal Over a year ago

Thanks mate, You hit the bulls eye.

Collectives™ on Stack Overflow

Construct GET url from java script and submit

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related