javascript - 如何使用 JavaScript 进行页面重定向？

<分区>

我正在使用 Yahoo 解决方案制作一个购物中心网站。我有多种商品选项，有些商品的价格因选项而异。

Yahoo 不支持多种价格选项，因此我试图找到解决此问题的方法。我的想法之一是制作多个页面并根据选项重定向页面。例如，如果客户选择了模型A，则该页面将停留在显示$1000 的页面A。如果客户选择模型 B，页面将重定向到显示 $500 的页面 B。

我已经用 JavaScript 制作了动态选项，但我想修改它以重定向页面。这是我页面的链接:

http://parseven.com/callaway_diabloedge_iron.html

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

附言:

我正在使用 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>

最佳答案

使用:

window.location = "http://my.url.here";

这里有一些使用 jQuery 来做你想做的事情的快速 n-dirty 代码。我强烈推荐使用 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>

关于javascript - 如何使用 JavaScript 进行页面重定向？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/2201522/

上一篇：javascript - 如何在不将文本包装在 span 中的情况下在 ReactJS 中输出文本

下一篇：javascript - CORS 策略已阻止从源 'null' 访问图像

相关文章：

javascript - 如何使用脚本标签下的url标签

javascript - JavaScript 是否有用于在函数作用域中声明的项的变量？

javascript - 如何使用 "getElementsByClassName"从同一元素获取多个类

javascript - 阻止用户输入字母并将模型插入数组

javascript - 管理在单个页面中显示不同图表的最佳方式

javascript - AngularJS 中的场景测试

javascript - AWS.IAM 不是构造函数 JavaScript SDK

javascript - 停止加载 iframe

javascript - "map of union type values to strings"的 typescript 类型？

javascript - 在处理事件时如何定位具有特定类的元素？