Question

From my understanding, once a form is being submitted, you cannot add parameters to it by adding extra inputs (at least this [link] is what gave me that assumption)

For example:

var form = $('form');
form.submit(function(e) { 
 searchForm.append(
   '<input name="a" type="hidden" value="' + a + '">' +
   '<input name="b" type="hidden" value="' + b + '">' );
}

So my next guess would be to dynamically add parameters via location. I followed this code but that refreshes the page and only works with adding one parameter, and gets ride of my original input on the form. This doesn’t work.

Maybe what I am trying to do isn’t possible with a get but only with a post. Which I don’t want to use a post. but to clear things up, as a user I search for a location, when the person submits the search, jquery interferes with submit() and does look on the address to find a lat/lng. If a lat and lng exists I want to pass the lat and lng along with the searched address to the next page via get.

Example:

website.com/path?search=NC&a=35.38905&b=-78.486328

Answer 1

try this (works on a GET, not tried a POST)

<script type="text/javascript">
$(document).ready(function(){
  $("#fx").submit(function(event){
  //  event.preventDefault();
    var newitem = document.createElement("input"); 
        newitem.name = "addedItem";
        newitem.type = "text";
        newitem.value = "As if by magic";
        $("#fx").append(newitem);

  });
});
</script>

<form id="fx" name="fx">
    <input type="text" name="bob">
    <input type="submit">
</form>