选择两个选项 - 点击开始 - 重定向到网址

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在表单中收集选定的值，然后对这些值执行一些操作。您不需要重定向到另一个页面，因为您可以将事件处理程序附加到表单的Submit按钮。

例如：

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