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';">

Answer 3

使用：

document.location.href = "http://yoursite.com" + document.getElementById('somefield');

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

Answer 4

您可以使用location对象来实现此目的。

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

Answer 5

您可以调用JavaScript函数并使用window.location = 'url';：

http://www.pageresource.com/jscript/jredir.htm

如何使用JavaScript重定向页面？

5 个答案: