javascript - 选择两个选项 - 点击 go - 重定向到 url

Question

我无法在需要在网站上实现的脚本上找到任何帮助。

1. SELECT ONE
2. 访问者选择 a、b、c 或 d
3. SELECT TWO，然后他们
4. 选择 1, 2, 3, 4, 5, 6 - 到 - 14
5. GO

然后他们单击go将他们带到与他们的选择相对应的页面。

我应该补充一点，选项没有被链接，因为选择选项 1 不会改变选项 2 的选择。他们保持不变。

任何帮助表示赞赏。

Answer 1

如果要在服务器上处理表单输入，则必须使用 PHP 等服务器端语言。这是实现此目的的简单教程：http ://www.tizag.com/phpT/forms.php/

如果您想在客户端处理表单，请使用 JavaScript 收集表单中的选定值，然后对这些值执行某些操作。您不需要重定向到另一个页面，因为您可以将事件处理程序附加到表单提交按钮。

例如：

HTML 表单如下所示：

<form>
    <select name="firstSelect" id="firstSelect"> ...
      ...
    </select>
    <select name="secondSelect" id="secondSelect">
      ...
    </select>
    <input type="submit" name="submit" id="submit" value="Submit form" onclick="javascript: return processForm();" />
</form>

检查表单的提交按钮：

<input type="submit" name="submit" value="Submit form" 
 onclick="javascript: return processForm();" />

该代码块将在用户单击提交按钮时触发 javasript 函数 processForm()。此外，它会阻止页面重定向。

处理函数如下所示：

<script>
   function processForm()
   {
       // fetch selected values from the form and do actions based on that
       var firstValue = $('form select#firstSelect').val();
       var secondValue = $('form select#secondSelect').val();

       // prevent form redirection 
       return false;
   }
</script>

您可能执行的操作示例是在页面上隐藏/显示某些结果 div、显示表单处理的结果等。