根据所选的选项更改要提交的页面

时间:2014-06-01 08:07:29

标签: javascript php

希望我能得到一些帮助,我正在尝试创建一个注册页面,用户可以在文本框中输入用户名和密码,然后他们可以选择他们希望使用的帐户类型(客户) ,业务,业务员工)来自输入类型的选择。它会将它们重定向到注册。

例如:用户来到index.php,在我的注册部分输入用户名和密码,然后选择和帐户类型(比如客户),他们点击“注册”按钮然后它将重定向到customer_signup.php,其中填写了用户名,密码和帐户类型(来自index.php页面)

但是我在发布用户输入的内容时遇到问题,下面是我的代码:

<html>
<head>
<title>Home</title>

<script language="JavaScript">
{
function WinOpen() 
var url=document.redirect.selection.value
document.location.href=url
}

</script>
</head>

<body>
<form name="redirect">

Username: <input type ="textbox" id ="home_username" name = "home_username">
password: <input type ="textbox" id ="home_password" name = "home_password">

<select name="selection">
<option> </option>
<option value="../php_includes/sign_up/customer_signup.php">Customer</option>
<option value="../php_includes/sign_up/business_signup.php">Business</option>
<option value="../php_includes/sign_up/employee_signup.php">Business Employee</option>
<input type=button value="Sign-Up" onClick="WinOpen();">
</form>

</body>
</html>

我希望能够发布home_username,home_password&amp;选择到下一页,这取决于用户选择的内容。我想要一个按钮或提交按钮,因为我不想使用onchange选项。

截至目前,我所拥有的代码在选中时会转到该页面,但是我无法将他们输入的文本发送到下一页。我知道我没有帖子作为方法。我的输入类型现在是一个按钮(我正在玩我的代码)。

希望有人可能指出我正确的方向,我是否采取了错误的方式?我应该使用按钮还是提交? iv得到javascript更改选择选项的页面我可以让它发布用户名和密码数据吗?

1 个答案:

答案 0 :(得分:0)

您需要submit表单。

改变 -

<input type=button value="Sign-Up" onClick="WinOpen();">

到 -

<input type='submit' value="Sign-Up">

您需要接受一些培训,请按照此处的教程进行操作 -

http://www.php.net/manual/en/tutorial.forms.php

http://php.net/manual/en/tutorial.php

这应该让你开始学习如何在PHP中处理表单输入。接下来,您可能希望存储该数据。您可以参考此页面获取进一步的帮助 -

https://stackoverflow.com/tags/php/info

我很抱歉,但我不得不低估你的问题,缺乏研究。


编辑#1 -

好的,这是我的建议 -

  1. 将表单发布到单个php页面,而不管用户的类型。
  2. 检查php页面上的用户类型。 (可能像你建议的那样使用switch
  3. 根据用户的类型,包括处理事情的必要php页面。
  4. 在我看来,这是一种更好,更简单的方法来处理它,而不是在客户端进行。

    你的数据目前没有进展的原因是因为当你执行document.location.href=url时你的表单实际上没有提交,所以没有数据通过,这是一个简单的给我php页面请求


    编辑#2 -

    我不确定这是否有效,但让我们试试 -

    1. 通过JavaScript向表单添加提交事件 - 检查此答案 - How can I listen to the form submit event in javascript?

    2. 在提交JavaScript事件中,根据所选的选项,更改表单的action标记 - How to use JavaScript to change the form action

    3. 然后从JavaScript事件中返回true以允许表单提交。

    4. 如果这有意义,请告诉我。