如何使用JavaScript重定向页面？

Question

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

雅虎不支持多种价格选择,因此我尝试为此问题找到解决方案.我的一个想法是制作多个页面并根据选项重定向页面.例如,如果客户选择了型号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",则页面必须重定向到具有不同价格的页面.

PS:

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

Answer 1

使用:

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

这里有一些使用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>

Answer 2

您可以在查询字符串中附加值以供下一页查看和处理.您可以将它们包含在链接标记内:

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

您可以使用&符号分隔每个值.

或者你可以点击按钮创建这样:

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