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

【问题标题】：Select two options - click go - redirect to url选择两个选项 - 点击 go - 重定向到 url
【发布时间】：2012-07-27 11:13:11
【问题描述】：

我找不到任何关于我需要在网站上实现的脚本的帮助。

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

然后他们点击go，这会将他们带到与他们的选择相对应的页面。

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

任何帮助表示赞赏。

【问题讨论】：

您是否正在尝试处理包含 2 个选择框的表单？使用 javascript？
是的 - 但我愿意接受其他想法以达到相同的目的。
用您使用的语言标记您的问题非常有帮助。这增加了熟悉 JS 的用户看到它的可能性。
@user1557466：在我看来，这些只是要求。您可以发布到目前为止您尝试过的内容吗？

标签： javascript select options

【解决方案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、显示表单处理的结果等。

【讨论】：

好的。听起来不错。我将在第二天左右尝试实施。谢谢。赞赏。