Question

0

71

Views

Redirect a HTML form and add value from input

I have form where I need to redirect to a new url, and add the value from the input to the new URL

<form action="https://test.test.com/" method="GET">
  <fieldset>
    <legend>bftl</legend>
    <input type="text" name="trackTrace" id="trackTrace" placeholder="Add your Track & Trace">
    <label for="month">Track & Trace</label>
    <input type="submit" class="submit" value="Submit">
  </fieldset>
</form>

After you have enter the Track & Trace number and pressed the submit button you shall be redirected to "https://test.test.com/#/TRACK&TRACENUMBER" in a new tab

7 months ago · Juan Pablo Isaza

1 answers

Answer question

0

Answer question

Find remote jobs

Answer 1 · 2022-07-10T16:58:58.088Z

You need js code like this:

<form action="https://test.test.com/" method="GET" onSubmit="return submitForm()">
  <fieldset>
    <legend>bftl</legend>
    <input type="text" name="trackTrace" id="trackTrace" placeholder="Add your Track & Trace">
    <label for="month">Track & Trace</label>
    <input type="submit" class="submit" value="Submit">
  </fieldset>
</form>
<script>
function submitForm() {
    location.href="https://test.test.com/#/TRACK&"+document.getElementById("trackTrace").value;
    return false;
}
</script>