如何使用JavaScript使页面重定向？

我正在使用雅虎解决方案制作一个购物中心网站。我有多个选项的项目和一些项目有不同的价格取决于选项

雅虎不支持多种价格选择，因此我试图找到解决这个问题的方法。我的一个想法是创建多个页面，并根据选项重定向页面。例如，如果客户选择型号a，页面将保留在显示$1000的页面a中。如果客户选择型号B，页面将重定向到显示$500的页面B

我已经用JavaScript创建了动态选项，但我想修改它以重定向页面。以下是我的页面链接：

在页面中，中间有选项。如果客户选择了他/她的手，它会显示选项“#4到AW”、“Lob楔形”和“Sand楔形”。如果客户选择了“Lob楔形”或“Sand楔形”，则页面必须重定向到具有不同价格的页面

附言：

我正在使用JavaScript生成依赖于上一个选项的选项。代码是：

<script type="text/javascript" language="javascript">
    <!--
    document.write('<select name="Iron(s)" onChange="javascript:     listboxchange     (this.options[this.selectedIndex].value);"><option value="">Select Iron(s)</option></select>')
    -->
</script>

使用：

---

这将获取某个文本字段或隐藏字段的值，并将其添加到您的站点URL以获取新的URL（href）。您可以根据需要对其进行修改。

您可以使用

位置

对象来实现这一点

location.href = "http://someurl"; 

使用：

下面是一些quick-n-dirty代码，它使用jQuery来实现您想要的功能。我强烈建议您使用jQuery。这将使您的工作变得更加轻松，尤其是因为您刚刚接触JavaScript

<select id = "pricingOptions" name = "pricingOptions">
    <option value = "500">Option A</option>
    <option value = "1000">Option B</option>
</select>

<script type = "text/javascript" language = "javascript">
    jQuery(document).ready(function() {
        jQuery("#pricingOptions").change(function() {
            if(this.options[this.selectedIndex].value == "500") {
                window.location = "http://example.com/foo.php?option=500";
            }
        });
    });
</script>

方案A
方案B
jQuery（文档）.ready（函数（）{
jQuery（“#pricingOptions”）.change（function（）{
if（this.options[this.selectedIndex].value==“500”）{
window.location=”http://example.com/foo.php?option=500";
}
});
});

您可以在查询字符串中附加值，以便下一页查看和处理。您可以将它们包装在链接标记中：

<a href="your_page.php?var1=value1&var2=value2">

---

您可以调用JavaScript函数并使用

window.location='url'；

：

---

提示简单答案的冲击。为什么这被标记为重复？是的，问题是相同的，但答案在流行的“原始”中给出“甚至不要回答这个问题。用户想知道如何重定向到他/她的应用程序上的其他页面，而不是导航到某个网站。-1他想使用Javascript重定向，而不是将参数传递到另一个页面。@vivin:我也在下面展示了这一点，请再次查看。谢谢你的零钱，并试图更新投票，但说它太旧了。好吧，看起来这不是一个难题。几乎每个人都提出相同的解决方案。我是JS的新手。那么，您能指定我必须在哪里插入代码吗？我发布了一些示例代码，它使用select上的onChange事件将您重定向到相应的页面。您好Vivin，您检查过我的代码了吗？这些选项由javascript动态生成。代码是：你能告诉我在这种情况下该怎么做吗？你必须在listboxchange函数中执行重定向。因为您正在传递值，所以可以检查它是否为“500”。如果是，重定向。我真的很抱歉，但我真的不明白你的意思。如果您不介意，可以为我修改上述代码吗？MDC建议使用

window.location

over

document.location

，以实现最佳的跨浏览器兼容性。你能指定我必须在哪里插入上面的代码吗？对JS来说，我是一个真正的新手。谢谢

<select id = "pricingOptions" name = "pricingOptions">
    <option value = "500">Option A</option>
    <option value = "1000">Option B</option>
</select>

<script type = "text/javascript" language = "javascript">
    jQuery(document).ready(function() {
        jQuery("#pricingOptions").change(function() {
            if(this.options[this.selectedIndex].value == "500") {
                window.location = "http://example.com/foo.php?option=500";
            }
        });
    });
</script>

<a href="your_page.php?var1=value1&var2=value2">

<input type="button" onclick="document.location.href = 'your_page.php?var1=value1&var2=value2';">