जावास्क्रिप्ट का उपयोग कर पेज रीडायरेक्ट कैसे करें?

Question

मैं याहू समाधान का उपयोग कर शॉपिंग मॉल वेबसाइट बना रहा हूं। मेरे पास वस्तुओं के लिए कई विकल्प हैं और कुछ वस्तुओं के विकल्पों पर अलग-अलग मूल्य निर्भर हैं।

याहू कई मूल्य विकल्पों का समर्थन नहीं करता है, और इसलिए मैं इस समस्या का हल ढूंढने का प्रयास करता हूं। मेरे विचारों में से एक है कई पेज बनाना और विकल्पों पर निर्भर पृष्ठ को रीडायरेक्ट करना। उदाहरण के लिए, यदि कोई ग्राहक मॉडल ए चुनता है, तो पृष्ठ पृष्ठ ए में रहेगा जो $ 1000 प्रदर्शित करता है। यदि कोई ग्राहक मॉडल बी चुनता है, तो पृष्ठ पृष्ठ बी पर रीडायरेक्ट करेगा जो $ 500 प्रदर्शित करता है।

मैंने पहले ही जावास्क्रिप्ट के साथ गतिशील विकल्प बनाए हैं, लेकिन मैं इसे किसी पृष्ठ को रीडायरेक्ट करने के लिए संशोधित करना चाहता हूं। यहाँ मेरी पेज के लिंक है:

http://parseven.com/callaway_diabloedge_iron.html

पेज में, वहाँ बीच में विकल्प हैं। यदि किसी ग्राहक ने अपना हाथ चुना है, तो यह विकल्प दिखाता है, "# 4 एडब्ल्यूडब्ल्यू," "लॉब वेज," और "रेत वेज"। एक ग्राहक या तो "lob कील" या "रेत कील 'चुना है, तो पृष्ठ एक पृष्ठ जो एक अलग कीमत है पर रीडायरेक्ट करने है

पुनश्च:।

मैं पर निर्भर विकल्प उत्पन्न करने के लिए जावास्क्रिप्ट का उपयोग कर रहा । पिछले विकल्प कोड है:

<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 का उपयोग करने की सलाह देते हैं। यह आपके लिए चीजों को और अधिक आसान बना देगा, खासकर जब से आप जावास्क्रिप्ट के लिए नए हैं।

<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

उपयोग:

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

कि कुछ पाठ क्षेत्र या छिपा फ़ील्ड का मान प्राप्त होता है, और आपकी साइट के URL में जोड़ने के लिए एक नया URL प्राप्त करने (घंटा EF)। आप अपनी आवश्यकताओं के अनुरूप इसे संशोधित कर सकते हैं।

Answer 3

आप इसे location ऑब्जेक्ट का उपयोग करके प्राप्त कर सकते हैं।

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

Answer 4

आप अगले पृष्ठ के लिए क्वेरी स्ट्रिंग में मूल्यों को देखने और संसाधित करने के लिए मूल्य जोड़ सकते हैं। आप उन्हें लिंक टैग के अंदर लपेट कर सकते हैं:

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

आप & संकेत के साथ उन मूल्यों में से प्रत्येक को अलग।

या आप इस तरह एक बटन पर क्लिक इस बना सकते हैं:

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

Answer 5

आप JavaScript फ़ंक्शन कॉल और उपयोग कर सकते हैं window.location = 'url';:

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