ड्रॉप-डाउन मेनू कैसे बनाएं जो जावा में किसी नए पेज पर रीडायरेक्ट करता है

जावास्क्रिप्ट कैसे जोड़ता है चाल है

नौसिखिया वेबसाइट डिजाइनर अक्सर जानना चाहते हैं कि ड्रॉप-डाउन मेनू कैसे बनाएं ताकि जब नेविगेटर्स विकल्पों में से कोई एक चुनते हैं तो उन्हें स्वचालित रूप से उस पृष्ठ पर रीडायरेक्ट कर दिया जाएगा। यह कार्य उतना मुश्किल नहीं है जितना लगता है। चयनित होने पर एक नए वेब पेज पर रीडायरेक्ट करने के लिए ड्रॉप-डाउन मेनू सेट अप करने के लिए, आपको अपने फॉर्म में कुछ सरल जावास्क्रिप्ट जोड़ना होगा।

शुरू करना

सबसे पहले, आपको यूआरएल को मूल्य के रूप में शामिल करने के लिए अपने टैग सेट अप करने की आवश्यकता है ताकि आपका फॉर्म ग्राहक को कहां भेज सके। निम्नलिखित उदाहरण देखें:

वेब डिज़ाइन फ्रंट पेज एचटीएमएल शुरू करना

एक बार जब आप उन टैग्स को सेट कर लेंगे, तो आपको ब्राउजर को यह बताने के लिए अपने टैग में "ऑनचेंज" एट्रिब्यूट जोड़ना होगा, जब विकल्प सूची बदलती है तो क्या करना है। बस जावास्क्रिप्ट को एक पंक्ति पर रखें, जो नीचे दिया गया उदाहरण दिखाता है:

onchange = "window.location.href = this.form.URL.options [this.form.URL.selectedIndex] .value">

उपयोगी टिप्स

अब जब आपके टैग सेट अप हैं, तो यह सुनिश्चित करना याद रखें कि आपके चयन टैग को "यूआरएल" नाम दिया गया है। यदि ऐसा नहीं है, तो ऊपर दिए गए जावास्क्रिप्ट को जहां कहीं भी यह कहता है "यूआरएल" आपके चुने हुए टैग के नाम को पढ़ने के लिए। यदि आप एक और विस्तृत उदाहरण चाहते हैं, तो आप इस फॉर्म को ऑनलाइन कार्रवाई में देख सकते हैं। यदि आपको अभी भी अधिक मार्गदर्शन की आवश्यकता है, तो आप एक संक्षिप्त ट्यूटोरियल की समीक्षा भी कर सकते हैं जो इस स्क्रिप्ट पर चर्चा करता है और जावास्क्रिप्ट के साथ आप कुछ अन्य कदम उठा सकते हैं।