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


How to make a page redirect using JavaScript?

本问题已经有最佳答案，请猛点这里访问。

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

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

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

网址：http://parseven.com/callaway_diabloedge_iron.html

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

PS：

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

1
2
3
4
<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>')
    -->
相关讨论

用途：

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

下面是一些使用jquery执行所需操作的快速n脏代码。我强烈推荐使用jquery。这会让事情变得更容易，尤其是因为你刚接触到JavaScript。

1
2
3
4
5
6
7
8
9
10
11
12
13
<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";
            }
        });
    });
相关讨论