如何使用Javascriptredirect页面?
我正在使用Yahoo解决schemebuild立一个购物中心网站。 我有多个选项的项目和一些项目有不同的价格取决于选项。 雅虎不支持多个价格选项,因此我试图find解决这个问题的方法。 我的想法之一是制作多个页面,并根据选项redirect页面。 例如,如果客户select模型A,则该页面将停留在显示$ 1000的页面A中。 如果客户select模型B,页面将redirect到显示$ 500的页面B. 我已经使用Javascriptdynamic选项,但我想修改它redirect页面。这里是我的网页的链接:
http://parseven.com/callaway_diabloedge_iron.html
在页面中,有中间的选项。 如果顾客select了他的手,它显示选项,“#4通过AW”,“Lob楔子”和“沙子楔子”。 如果客户select了“Lob Wedge”或“Sand Wedge”,页面必须redirect到一个价格不同的页面,我是JS的新手,任何人都可以帮助我吗?
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>
window.location = "http://my.url.here";
下面是一些使用jQuery来做你想要的快速n-dirty代码。 我强烈build议使用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>
您可以将查询string中的值追加到下一页以查看和处理。 你可以把它们包装在链接标签中:
<a href="your_page.php?var1=value1&var2=value2">
用&符号分隔每个值。
或者你可以像这样button点击创build它:
<input type="button" onclick="document.location.href = 'your_page.php?var1=value1&var2=value2';">
document.location.href="http://yoursite.com"+ document.getElementById('somefield');
这将获得一些文本字段或隐藏的字段的值,并将其添加到您的网站url,以获得一个新的URL(HREF)。 您可以修改此以适合您的需求。
您可以使用location
对象来实现此目的。
location.href = "http://someurl";
你可以调用一个javascript函数并使用window.location ='url';