javascript form submit redirect

Question

I have my lending page and need some help with form so i have 2 products in one form

> <form action="x.html" method="post" id="lead-form" validate>
    <select class="form-control" name="requested_product" id="sa">
                                        <option id="x" value="x.html" selected="selected">product x</option>
                                        <option id="y" value="y.html">product y</option>
                                    </select>
<input class="form-control" id="sz" name="email" type="email" placeholder="E-mail" tabindex="2" required="email">
<input class="form-control" id="sf" name="first_name" type="text" placeholder="First Name" required>
<input class="form-control" id="sl" name="last_name" type="text" placeholder="Last Name" required>
<button requird="email" class="btn btn-primary btn-lg btn-form">Get Started</button>
</form>

so how i do redirect for page of product X when i choose it and submit it or do redirect to page of product Y when i choose it and submit

Normally you can't submit to a `.html` file and need to submit to a path that will run a server side script to process the data and manage the redirect — charlietfl, Oct 14 '17 at 14:36
Need to study some form processing tutorials specific to whatever server side programming language you have available. `.html` files are typically static resources and have no programming ability — charlietfl, Oct 14 '17 at 15:00
in javascript possible to do that ? maybe you have an example ? — Anthony Fink, Oct 14 '17 at 15:02
This is something you need to research yourself...how web forms work — charlietfl, Oct 14 '17 at 15:03
There is no simple answer. It requires a full tutorial on how web forms work and is far too broad for one answer — charlietfl, Oct 14 '17 at 15:07
onchange="this.form.action=this.value <===== this is a simple answer !!!!!! — Anthony Fink, Oct 15 '17 at 05:33

score 0 · Answer 1 · answered Oct 14 '17 at 14:36

You have some options to solve this.

You need to decide if you want to solve the routing in frontend or backend.

If you do it in frontend you can always use javascript to change the form action attribute when the selection changes.

You could also have a richer application to handle the request submit with ajax instead of the pure native form, if you are new to this you could use jQuery as starter kit.

Take a look to this post about submit form with jQuery: Submit a form using jQuery

If you want to solve this in the backend, the form will always submit to the same url, then in the backend app you read the selected item and decide to which one redirect the response.

Example in PHP: How to make a redirect in PHP?

I hope this helps you

You should start to read about js and forms. I.E: https://developer.mozilla.org/en-US/docs/Learn/HTML/Forms/Form_validation — Javier Cobos, Oct 14 '17 at 15:54

javascript form submit redirect

1 Answers1