javascript表单提交重定向

时间:2017-10-14 14:32:26

标签: javascript jquery html5 forms

我有我的借阅页面,需要表格方面的帮助 所以我有一种形式的2种产品

> <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>

所以当我选择产品X并重新定向产品X的页面时,如果我选择它并提交

,我会如何重定向到产品Y的页面

1 个答案:

答案 0 :(得分:0)

您可以选择解决此问题。

您需要决定是否要在前端或后端解决路由。

如果您在前端执行此操作,则可以在选择更改时始终使用javascript更改表单操作属性。

您还可以使用更丰富的应用程序来处理使用ajax而不是纯本机表单提交的请求,如果您是新手,则可以使用jQuery作为入门工具包。

看看这篇关于使用jQuery提交表单的帖子: Submit a form using jQuery

如果要在后端解决此问题,表单将始终提交到同一个网址,然后在后端应用中读取所选项目,并决定哪一个重定向响应。

PHP中的示例:How to make a redirect in PHP?

我希望这有助于你