如何基于两个下拉菜单选择进行页面重定向？
我想从我的网站创建一个表单，其中用户有两个下拉框，其中包含值，例如体高和类型的构建。根据他们的选择，他们将被引导到一个页面，其中包含关于他们特定/选择的构建的信息。
为了了解我想要创建的内容，下面是我想要显示的表单。。BMX自行车指南的使用if
window.location = "http://www.maltabmx.com/Footage.html?jtype=" +
1 + "&height=" +
2;
window.location = "http://www.maltabmx.com?jtype=" +
1 + "&height=" +
3;
window.location = "http://www.maltabmx.com/About.html?jtype=" +
1 + "&height=" +
4;
window.location = "http://www.maltabmx.com/Footage.html?jtype=" +
1 + "&height=" +
5;
window.location = "http://www.maltabmx.com?jtype=" +
1 + "&height=" +
6; } }
<form> <p> Type of Terrain: </p>
选择街道/公园污垢赛车
<p>Body Height</p>
<select id="height">
<option value="0" id="Select">Select</option>
<option value="1" id="5ft">4ft</option>
<option value="2" id="5.5ft">4.25ft</option>
<option value="3" id="5.5ft">4.50ft</option>
<option value="4" id="6ft">4.75ft</option>
<option value="5" id="5ft">5ft</option>
<option value="6" id="5.5ft">5.25ft</option>
<option value="7" id="6ft">5.50ft</option> <option value="8" id="5ft">5.75ft</option>
<option value="9" id="5.5ft">6ft</option>
<option value="10" id="6ft">6.25ft</option>
</select>
<br /><br />
<input onclick="goToPage();" type="button" value="Submit" />
</form>
共有1个答案
<html>
<head>
$(document).ready(function() {
$('#submit').click(function(){
var type= $("#type").val();
var height = $("#height").val();
window.location.href = 'http://www.someweb.com/page.php?type='+type+'&&height='+height;
});
});
</head>
<body>
<form>
<p> Type of Terrain: </p>
<select id="type">
<option value="1" id="Street">Street</option>
<option value="2" id="Dirt">Dirt</option>
<option value="3" id="Park">Park</option>
<option value="4" id="Racing">Racing</option>
</select>
<p>Body Height</p>
<select id="Height">
<option value="1" id="5ft">5ft</option>
<option value="2" id="5.5ft">5.5ft</option>
<option value="3" id="6ft">6ft</option>
</select>
<br /><br />
<input id="submit" type="submit" value="Submit" />
</form>
</body>
</html>
所以，我改变了上面的代码。如果你还有问题，请告诉我。
PS：通常情况下，要重定向或传递值到其他页面，您需要使用jQuery$. post、$. get或$. ajax方法，而不是windows.location.href.
看看这里http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/
编辑-工作解决方案：http://jsfiddle.net/YXW7K/13/
-
问题内容： 我试图使用AngularJS创建一个链接/级联的下拉列表（选择元素），但是我很难用我的对象属性过滤和更新“ selected”属性。 首次加载页面时，所选项目将被过滤并正确显示在下拉菜单中。更改父级下拉菜单后，子级选择项不会抓住已过滤列表中的第一个项，导致子级下拉项不会更新。 任何见解将不胜感激，请注意，我将父/子/孙子数组分开（而不是在子数组中），因为最终我将从SQL中的单独spoc
-
我是使用selenium ide的新手。 我已经让我的代码的所有其他部分工作。 但是我目前有一个问题，让它在下拉菜单中选择一个选项。 我为下拉列表和
-
问题内容： 我想知道是否有可能让jQuery 在下拉框中选择，例如第4个项目？ 我希望用户单击一个链接，然后让该框更改其值，就像用户通过单击来选择它一样。 问题答案： 怎么样 对于现代版本的jquery，应使用代替
-
我正在编写一个python脚本，它将调用一个网页，并从下拉列表中选择一个选项来下载该文件。为了完成这个任务，我使用chropath。它是一个浏览器扩展，可以为您提供网页上任何按钮或字段的相对xpath或id，我们可以使用它从python脚本调用它。 上图显示了下拉菜单，其中我必须选择作为年份并下载文件。在图像的下部，您可以看到我使用了来获取下拉菜单的相对xpath，即 下面是我使用的代码： 从上面
-
问题内容： 首先，我讨厌提出一个已经解决的问题，但是您应该知道我在此站点上找到的其他选项对我不起作用。 基本上，我想构造一个简短的表格，其中有两个下拉框。始终显示第一个，默认情况下隐藏第二个。在第一个下拉框中选择某个选项后，我希望第二个下拉框显示。这是我的意思的完美示例： 但是，与上面的示例不同，我有单独的一组选项要显示在下拉框中，以显示在第一个下拉框中选择的每个选项，而不仅是其中一个选项。换句话
-
我如何在下拉选择菜单上添加验证我有代码，我正在处理，但问题是没有工作没有显示错误消息。我想显示错误消息，如果下拉选择值不应该在点击添加到购物车按钮之前选择？