Question

我对编码完全不熟悉 - 我可以做一些基本的HTML。我正在尝试为我的一个朋友创建一个互动故事，我在那里创建一个表单，根据表单中的关键字重定向到不同的页面。

即。 “天空是什么颜色的？”提交表格框。

如果他们输入'blue'，则会将其发送到Page A. 如果他们输入“绿色”或“黄色”，则会将其发送到页面B. 如果他们输入“黑色”，则会将其发送到Page C.

我不认为这太复杂了 - 我无法找到解释如何做这样的事情的任何地方。

我知道我需要做一个HTML表单，并使用PHP或Javascript来执行此操作。我唯一的限制是我想确保它可以在移动设备上运行。

有任何建议或您是否知道我可以根据表单答案找出如何将用户发送到特定页面的任何网站？

非常感谢！

-Rach。

Answer 1

在PHP中，您可以使用header()函数通过发送带有所需URL的Location http响应标头来重定向到其值，从而进行服务器端重定向：

header('Location: http://example.com/');

Answer 2

在继续表单的页面上，检查$_POST变量，然后根据该变量进行重定向。

if ($_POST['answer'] == "blue") {
   header('Location: http://blue.com/');
} else if ($_POST['answer'] == "yellow") {
   header('Location: http://yellow.com/');
}

Answer 3

不使用像php那样的服务器端语言，你可以使用jquery

<input id="input1" type="text"  />
<button id="p" type="button">Click Me!</button> 

<script type="text/javascript">
$(document).ready(function(){
  $("#p").click(function(){
    if($("input1").val()=="blue")
    {
       window.location = "pagea.html";
     }
   if($("input1").val()=="green")
    {
       window.location = "pageb.html";
     }

  });
});
</script>

Answer 4

以下是javascript的一个示例：http://jsfiddle.net/YeEuy/

没有提交按钮，每次击键后都会检查事件。

根据表单响应发送到特定URL

4 个答案: