दिलचस्प पोस्ट
?: एक अभिव्यक्ति खाली छोड़ते समय टर्नरी सशर्त ऑपरेटर व्यवहार नोड। जेएस के साथ रीयल टाइम में वेब पेज स्क्रैप करें CSS से HTML डालें गुंजाइश $ नष्ट घटना का एक उदाहरण प्रदान करें? एंड्रॉइड में ऑफ़लाइन भाषण मान्यता (जेलीबीन) संदर्भ के लिए अस्थायी ऑब्जेक्ट और बाइंडिंग रिटर्निंग सीमा चौड़ाई की तुलना में सीमा लंबाई छोटा? "जार फ़ाइल तक पहुंचने में असमर्थ" त्रुटि का क्या कारण है? यूआरएलआईबी 2 के टाइमआउट को संभालना? – पायथन इवेंट कैप्चरिंग बनाम इवेंट बबलिंग आप एक UIButton में बहु-पंक्ति पाठ कैसे जोड़ सकते हैं? क्यों दस्तावेज़.body.offsetHyight + document.body.bottomMargin दस्तावेज़ के समान नहीं है document.documentElement.offsetHight MySQL में आईपी पते को स्टोर करने का सबसे प्रभावी तरीका आईआईएस एक्सप्रेस बाहरी अनुरोध को सक्षम करता है एंड्रॉइड, एसिंक टास्क, स्थिति की जांच?

पिछले ड्रॉपडाउन चयन के आधार पर एक दूसरा ड्रॉपडाउन दिखाएं

सबसे पहले, मुझे एक ऐसा मुद्दा लाने से नफरत है जो पहले से ही निपटा गया है, लेकिन आपको पता होना चाहिए कि इस साइट पर मुझे जो अन्य विकल्प मिले हैं वे मेरे लिए काम नहीं कर रहे हैं

असल में, मैं एक छोटा फार्म का निर्माण करना चाहता हूं जहां दो ड्रॉपडाउन बक्से हैं I पहले हमेशा दिखाया जाता है, दूसरा डिफ़ॉल्ट रूप से छिप जाता है जब पहले ड्रॉपडाउन बॉक्स में एक विशिष्ट विकल्प चुना जाता है, तो मैं फिर से दिखाने के लिए दूसरा ड्रॉपडाउन बॉक्स चाहता हूं। मेरा क्या मतलब है यह एक आदर्श उदाहरण है:

http://jsfiddle.net/whkQw/20/

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

तो मैं इस उदाहरण में भाग गया, जो वास्तव में एक चीज़ है जो मैं चाहता हूं:

http://jsfiddle.net/e9XvP/

फिर भी किसी कारण के लिए यह कोड मेरे लिए काम नहीं करता है। इसका कोई प्रभाव नहीं है; दूसरा ड्रॉपडाउन केवल चुने हुए छिपा हुआ है, इसके बावजूद चुना गया है। उपरोक्त उदाहरण में मेरी ड्रॉपडाउन सूचियां बहुत अधिक और लंबी हैं मेरे पास अभी एचटीएमएल है I

ड्रॉपडाउन 1

<div class="ccms_form_element cfdiv_custom" id="style_container_div"> <label>Choose Rank: </label><select size="1" id="Rank" class=" validate['required']" title="" type="select" name="Rank"> <option value="">-Select Your Rank-</option> <option value="Airman">Airman</option> <option value="Airman First Class">Airman First Class</option> <option value="Senior Airman">Senior Airman</option> <option value="Staff Sergeant">Staff Sergeant</option> <option value="Senior Master Sergeant">Senior Master Sergeant</option> </select><div class="clear"></div><div id="error-message-style"></div></div> 

ड्रॉपडाउन 2:

 <div id="Airman" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> <label>Which Job? </label> <select id="Airman" name="Airman"> <option value="">-Choose A Job-</option> <option value="Basic Ore Miner - Level 1a">Basic Ore Miner - Level 1</option> <option value="Basic Ore Miner - Level 2a">Basic Ore Miner - Level 2</option> <option value="Basic Ore Miner - Level 3a">Basic Ore Miner - Level 3</option> <option value="Basic Ore Miner - Level 4a">Basic Ore Miner - Level 4</option> <option value="Basic Ore Miner - Level 5a">Basic Ore Miner - Level 5</option> <option value="Basic Ore Miner - Level 6a">Basic Ore Miner - Level 6</option> <option value="Basic Ore Miner - Level 7a">Basic Ore Miner - Level 7</option> <option value="Plagioclase Miner - Level 1a">Plagioclase Miner - Level 1</option> <option value="Plagioclase Miner - Level 2a">Plagioclase Miner - Level 2</option> <option value="Plagioclase Miner - Level 3a">Plagioclase Miner - Level 3</option> <option value="Plagioclase Miner - Level 4a">Plagioclase Miner - Level 4</option> <option value="Plagioclase Miner - Level 5a">Plagioclase Miner - Level 5</option> <option value="Plagioclase Miner - Level 6a">Plagioclase Miner - Level 6</option> <option value="Plagioclase Miner - Level 7a">Plagioclase Miner - Level 7</option> <option value="Omber Miner - Level 1a">Omber Miner - Level 1</option> <option value="Omber Miner - Level 2a">Omber Miner - Level 2</option> <option value="Omber Miner - Level 3a">Omber Miner - Level 3</option> <option value="Omber Miner - Level 4a">Omber Miner - Level 4</option> <option value="Omber Miner - Level 5a">Omber Miner - Level 5</option> <option value="Omber Miner - Level 6a">Omber Miner - Level 6</option> <option value="Omber Miner - Level 7a">Omber Miner - Level 7</option> <option value="lvl-1 Mission Runner - Level 1a">lvl-1 Mission Runner - Level 1</option> <option value="lvl-1 Mission Runner - Level 2a">lvl-1 Mission Runner - Level 2</option> <option value="lvl-1 Mission Runner - Level 3a">lvl-1 Mission Runner - Level 3</option> <option value="lvl-1 Mission Runner - Level 4a">lvl-1 Mission Runner - Level 4</option> <option value="lvl-1 Mission Runner - Level 5a">lvl-1 Mission Runner - Level 5</option> <option value="lvl-1 Mission Runner - Level 6a">lvl-1 Mission Runner - Level 6</option> <option value="lvl-1 Mission Runner - Level 7a">lvl-1 Mission Runner - Level 7</option> <option value="lvl-2 Mission Runner - Level 1a">lvl-2 Mission Runner - Level 1</option> <option value="lvl-2 Mission Runner - Level 2a">lvl-2 Mission Runner - Level 2</option> <option value="lvl-2 Mission Runner - Level 3a">lvl-2 Mission Runner - Level 3</option> <option value="lvl-2 Mission Runner - Level 4a">lvl-2 Mission Runner - Level 4</option> <option value="lvl-2 Mission Runner - Level 5a">lvl-2 Mission Runner - Level 5</option> <option value="lvl-2 Mission Runner - Level 6a">lvl-2 Mission Runner - Level 6</option> <option value="lvl-2 Mission Runner - Level 7a">lvl-2 Mission Runner - Level 7</option> <option value="lvl-3 Mission Runner - Level 1a">lvl-3 Mission Runner - Level 1</option> <option value="lvl-3 Mission Runner - Level 2a">lvl-3 Mission Runner - Level 2</option> <option value="lvl-3 Mission Runner - Level 3a">lvl-3 Mission Runner - Level 3</option> <option value="lvl-3 Mission Runner - Level 4a">lvl-3 Mission Runner - Level 4</option> <option value="lvl-3 Mission Runner - Level 5a">lvl-3 Mission Runner - Level 5</option> <option value="lvl-3 Mission Runner - Level 6a">lvl-3 Mission Runner - Level 6</option> <option value="lvl-3 Mission Runner - Level 7a">lvl-3 Mission Runner - Level 7</option> <option value="lvl-4 Mission Runner - Level 1a">lvl-4 Mission Runner - Level 1</option> <option value="lvl-4 Mission Runner - Level 2a">lvl-4 Mission Runner - Level 2</option> <option value="lvl-4 Mission Runner - Level 3a">lvl-4 Mission Runner - Level 3</option> <option value="lvl-4 Mission Runner - Level 4a">lvl-4 Mission Runner - Level 4</option> <option value="lvl-4 Mission Runner - Level 5a">lvl-4 Mission Runner - Level 5</option> <option value="lvl-4 Mission Runner - Level 6a">lvl-4 Mission Runner - Level 6</option> <option value="lvl-4 Mission Runner - Level 7a">lvl-4 Mission Runner - Level 7</option> </select> </div> <div id="Airman First Class" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> <label>Which Job? </label> <select id="Airman First Class" name="Airman First Class"> <option value="">-Choose A Job-</option> <option value="Basic Ore Miner - Level 1b">Basic Ore Miner - Level 1</option> <option value="Basic Ore Miner - Level 2b">Basic Ore Miner - Level 2</option> <option value="Basic Ore Miner - Level 3b">Basic Ore Miner - Level 3</option> <option value="Basic Ore Miner - Level 4b">Basic Ore Miner - Level 4</option> <option value="Basic Ore Miner - Level 5b">Basic Ore Miner - Level 5</option> <option value="Basic Ore Miner - Level 6b">Basic Ore Miner - Level 6</option> <option value="Basic Ore Miner - Level 7b">Basic Ore Miner - Level 7</option> <option value="Plagioclase Miner - Level 1b">Plagioclase Miner - Level 1</option> <option value="Plagioclase Miner - Level 2b">Plagioclase Miner - Level 2</option> <option value="Plagioclase Miner - Level 3b">Plagioclase Miner - Level 3</option> <option value="Plagioclase Miner - Level 4b">Plagioclase Miner - Level 4</option> <option value="Plagioclase Miner - Level 5b">Plagioclase Miner - Level 5</option> <option value="Plagioclase Miner - Level 6b">Plagioclase Miner - Level 6</option> <option value="Plagioclase Miner - Level 7b">Plagioclase Miner - Level 7</option> <option value="Omber Miner - Level 1b">Omber Miner - Level 1</option> <option value="Omber Miner - Level 2b">Omber Miner - Level 2</option> <option value="Omber Miner - Level 3b">Omber Miner - Level 3</option> <option value="Omber Miner - Level 4b">Omber Miner - Level 4</option> <option value="Omber Miner - Level 5b">Omber Miner - Level 5</option> <option value="Omber Miner - Level 6b">Omber Miner - Level 6</option> <option value="Omber Miner - Level 7b">Omber Miner - Level 7</option> <option value="lvl-1 Mission Runner - Level 1b">lvl-1 Mission Runner - Level 1</option> <option value="lvl-1 Mission Runner - Level 2b">lvl-1 Mission Runner - Level 2</option> <option value="lvl-1 Mission Runner - Level 3b">lvl-1 Mission Runner - Level 3</option> <option value="lvl-1 Mission Runner - Level 4b">lvl-1 Mission Runner - Level 4</option> <option value="lvl-1 Mission Runner - Level 5b">lvl-1 Mission Runner - Level 5</option> <option value="lvl-1 Mission Runner - Level 6b">lvl-1 Mission Runner - Level 6</option> <option value="lvl-1 Mission Runner - Level 7b">lvl-1 Mission Runner - Level 7</option> <option value="lvl-2 Mission Runner - Level 1b">lvl-2 Mission Runner - Level 1</option> <option value="lvl-2 Mission Runner - Level 2b">lvl-2 Mission Runner - Level 2</option> <option value="lvl-2 Mission Runner - Level 3b">lvl-2 Mission Runner - Level 3</option> <option value="lvl-2 Mission Runner - Level 4b">lvl-2 Mission Runner - Level 4</option> <option value="lvl-2 Mission Runner - Level 5b">lvl-2 Mission Runner - Level 5</option> <option value="lvl-2 Mission Runner - Level 6b">lvl-2 Mission Runner - Level 6</option> <option value="lvl-2 Mission Runner - Level 7b">lvl-2 Mission Runner - Level 7</option> <option value="lvl-3 Mission Runner - Level 1b">lvl-3 Mission Runner - Level 1</option> <option value="lvl-3 Mission Runner - Level 2b">lvl-3 Mission Runner - Level 2</option> <option value="lvl-3 Mission Runner - Level 3b">lvl-3 Mission Runner - Level 3</option> <option value="lvl-3 Mission Runner - Level 4b">lvl-3 Mission Runner - Level 4</option> <option value="lvl-3 Mission Runner - Level 5b">lvl-3 Mission Runner - Level 5</option> <option value="lvl-3 Mission Runner - Level 6b">lvl-3 Mission Runner - Level 6</option> <option value="lvl-3 Mission Runner - Level 7b">lvl-3 Mission Runner - Level 7</option> <option value="lvl-4 Mission Runner - Level 1b">lvl-4 Mission Runner - Level 1</option> <option value="lvl-4 Mission Runner - Level 2b">lvl-4 Mission Runner - Level 2</option> <option value="lvl-4 Mission Runner - Level 3b">lvl-4 Mission Runner - Level 3</option> <option value="lvl-4 Mission Runner - Level 4b">lvl-4 Mission Runner - Level 4</option> <option value="lvl-4 Mission Runner - Level 5b">lvl-4 Mission Runner - Level 5</option> <option value="lvl-4 Mission Runner - Level 6b">lvl-4 Mission Runner - Level 6</option> <option value="lvl-4 Mission Runner - Level 7b">lvl-4 Mission Runner - Level 7</option> </select> </div> <div id="Senior Airman" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> <label>Which Job? </label> <select id="Senior Airman" name="Senior Airman"> <option value="">-Choose A Job-</option> <option value="Basic Ore Miner - Level 1c">Basic Ore Miner - Level 1</option> <option value="Basic Ore Miner - Level 2c">Basic Ore Miner - Level 2</option> <option value="Basic Ore Miner - Level 3c">Basic Ore Miner - Level 3</option> <option value="Basic Ore Miner - Level 4c">Basic Ore Miner - Level 4</option> <option value="Basic Ore Miner - Level 5c">Basic Ore Miner - Level 5</option> <option value="Basic Ore Miner - Level 6c">Basic Ore Miner - Level 6</option> <option value="Basic Ore Miner - Level 7c">Basic Ore Miner - Level 7</option> <option value="Plagioclase Miner - Level 1c">Plagioclase Miner - Level 1</option> <option value="Plagioclase Miner - Level 2c">Plagioclase Miner - Level 2</option> <option value="Plagioclase Miner - Level 3c">Plagioclase Miner - Level 3</option> <option value="Plagioclase Miner - Level 4c">Plagioclase Miner - Level 4</option> <option value="Plagioclase Miner - Level 5c">Plagioclase Miner - Level 5</option> <option value="Plagioclase Miner - Level 6c">Plagioclase Miner - Level 6</option> <option value="Plagioclase Miner - Level 7c">Plagioclase Miner - Level 7</option> <option value="Omber Miner - Level 1c">Omber Miner - Level 1</option> <option value="Omber Miner - Level 2c">Omber Miner - Level 2</option> <option value="Omber Miner - Level 3c">Omber Miner - Level 3</option> <option value="Omber Miner - Level 4c">Omber Miner - Level 4</option> <option value="Omber Miner - Level 5c">Omber Miner - Level 5</option> <option value="Omber Miner - Level 6c">Omber Miner - Level 6</option> <option value="Omber Miner - Level 7c">Omber Miner - Level 7</option> <option value="lvl-1 Mission Runner - Level 1c">lvl-1 Mission Runner - Level 1</option> <option value="lvl-1 Mission Runner - Level 2c">lvl-1 Mission Runner - Level 2</option> <option value="lvl-1 Mission Runner - Level 3c">lvl-1 Mission Runner - Level 3</option> <option value="lvl-1 Mission Runner - Level 4c">lvl-1 Mission Runner - Level 4</option> <option value="lvl-1 Mission Runner - Level 5c">lvl-1 Mission Runner - Level 5</option> <option value="lvl-1 Mission Runner - Level 6c">lvl-1 Mission Runner - Level 6</option> <option value="lvl-1 Mission Runner - Level 7c">lvl-1 Mission Runner - Level 7</option> <option value="lvl-2 Mission Runner - Level 1c">lvl-2 Mission Runner - Level 1</option> <option value="lvl-2 Mission Runner - Level 2c">lvl-2 Mission Runner - Level 2</option> <option value="lvl-2 Mission Runner - Level 3c">lvl-2 Mission Runner - Level 3</option> <option value="lvl-2 Mission Runner - Level 4c">lvl-2 Mission Runner - Level 4</option> <option value="lvl-2 Mission Runner - Level 5c">lvl-2 Mission Runner - Level 5</option> <option value="lvl-2 Mission Runner - Level 6c">lvl-2 Mission Runner - Level 6</option> <option value="lvl-2 Mission Runner - Level 7c">lvl-2 Mission Runner - Level 7</option> <option value="lvl-3 Mission Runner - Level 1c">lvl-3 Mission Runner - Level 1</option> <option value="lvl-3 Mission Runner - Level 2c">lvl-3 Mission Runner - Level 2</option> <option value="lvl-3 Mission Runner - Level 3c">lvl-3 Mission Runner - Level 3</option> <option value="lvl-3 Mission Runner - Level 4c">lvl-3 Mission Runner - Level 4</option> <option value="lvl-3 Mission Runner - Level 5c">lvl-3 Mission Runner - Level 5</option> <option value="lvl-3 Mission Runner - Level 6c">lvl-3 Mission Runner - Level 6</option> <option value="lvl-3 Mission Runner - Level 7c">lvl-3 Mission Runner - Level 7</option> <option value="lvl-4 Mission Runner - Level 1c">lvl-4 Mission Runner - Level 1</option> <option value="lvl-4 Mission Runner - Level 2c">lvl-4 Mission Runner - Level 2</option> <option value="lvl-4 Mission Runner - Level 3c">lvl-4 Mission Runner - Level 3</option> <option value="lvl-4 Mission Runner - Level 4c">lvl-4 Mission Runner - Level 4</option> <option value="lvl-4 Mission Runner - Level 5c">lvl-4 Mission Runner - Level 5</option> <option value="lvl-4 Mission Runner - Level 6c">lvl-4 Mission Runner - Level 6</option> <option value="lvl-4 Mission Runner - Level 7c">lvl-4 Mission Runner - Level 7</option> </select> </div> <div id="Staff Sergeant" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> <label>Which Job? </label> <select id="Staff Sergeant" name="Staff Sergeant"> <option value="">-Choose A Job-</option> <option value="Basic Ore Miner - Level 1d">Basic Ore Miner - Level 1</option> <option value="Basic Ore Miner - Level 2d">Basic Ore Miner - Level 2</option> <option value="Basic Ore Miner - Level 3d">Basic Ore Miner - Level 3</option> <option value="Basic Ore Miner - Level 4d">Basic Ore Miner - Level 4</option> <option value="Basic Ore Miner - Level 5d">Basic Ore Miner - Level 5</option> <option value="Basic Ore Miner - Level 6d">Basic Ore Miner - Level 6</option> <option value="Basic Ore Miner - Level 7d">Basic Ore Miner - Level 7</option> <option value="Plagioclase Miner - Level 1d">Plagioclase Miner - Level 1</option> <option value="Plagioclase Miner - Level 2d">Plagioclase Miner - Level 2</option> <option value="Plagioclase Miner - Level 3d">Plagioclase Miner - Level 3</option> <option value="Plagioclase Miner - Level 4d">Plagioclase Miner - Level 4</option> <option value="Plagioclase Miner - Level 5d">Plagioclase Miner - Level 5</option> <option value="Plagioclase Miner - Level 6d">Plagioclase Miner - Level 6</option> <option value="Plagioclase Miner - Level 7d">Plagioclase Miner - Level 7</option> <option value="Omber Miner - Level 1d">Omber Miner - Level 1</option> <option value="Omber Miner - Level 2d">Omber Miner - Level 2</option> <option value="Omber Miner - Level 3d">Omber Miner - Level 3</option> <option value="Omber Miner - Level 4d">Omber Miner - Level 4</option> <option value="Omber Miner - Level 5d">Omber Miner - Level 5</option> <option value="Omber Miner - Level 6d">Omber Miner - Level 6</option> <option value="Omber Miner - Level 7d">Omber Miner - Level 7</option> <option value="lvl-1 Mission Runner - Level 1d">lvl-1 Mission Runner - Level 1</option> <option value="lvl-1 Mission Runner - Level 2d">lvl-1 Mission Runner - Level 2</option> <option value="lvl-1 Mission Runner - Level 3d">lvl-1 Mission Runner - Level 3</option> <option value="lvl-1 Mission Runner - Level 4d">lvl-1 Mission Runner - Level 4</option> <option value="lvl-1 Mission Runner - Level 5d">lvl-1 Mission Runner - Level 5</option> <option value="lvl-1 Mission Runner - Level 6d">lvl-1 Mission Runner - Level 6</option> <option value="lvl-1 Mission Runner - Level 7d">lvl-1 Mission Runner - Level 7</option> <option value="lvl-2 Mission Runner - Level 1d">lvl-2 Mission Runner - Level 1</option> <option value="lvl-2 Mission Runner - Level 2d">lvl-2 Mission Runner - Level 2</option> <option value="lvl-2 Mission Runner - Level 3d">lvl-2 Mission Runner - Level 3</option> <option value="lvl-2 Mission Runner - Level 4d">lvl-2 Mission Runner - Level 4</option> <option value="lvl-2 Mission Runner - Level 5d">lvl-2 Mission Runner - Level 5</option> <option value="lvl-2 Mission Runner - Level 6d">lvl-2 Mission Runner - Level 6</option> <option value="lvl-2 Mission Runner - Level 7d">lvl-2 Mission Runner - Level 7</option> <option value="lvl-3 Mission Runner - Level 1d">lvl-3 Mission Runner - Level 1</option> <option value="lvl-3 Mission Runner - Level 2d">lvl-3 Mission Runner - Level 2</option> <option value="lvl-3 Mission Runner - Level 3d">lvl-3 Mission Runner - Level 3</option> <option value="lvl-3 Mission Runner - Level 4d">lvl-3 Mission Runner - Level 4</option> <option value="lvl-3 Mission Runner - Level 5d">lvl-3 Mission Runner - Level 5</option> <option value="lvl-3 Mission Runner - Level 6d">lvl-3 Mission Runner - Level 6</option> <option value="lvl-3 Mission Runner - Level 7d">lvl-3 Mission Runner - Level 7</option> <option value="lvl-4 Mission Runner - Level 1d">lvl-4 Mission Runner - Level 1</option> <option value="lvl-4 Mission Runner - Level 2d">lvl-4 Mission Runner - Level 2</option> <option value="lvl-4 Mission Runner - Level 3d">lvl-4 Mission Runner - Level 3</option> <option value="lvl-4 Mission Runner - Level 4d">lvl-4 Mission Runner - Level 4</option> <option value="lvl-4 Mission Runner - Level 5d">lvl-4 Mission Runner - Level 5</option> <option value="lvl-4 Mission Runner - Level 6d">lvl-4 Mission Runner - Level 6</option> <option value="lvl-4 Mission Runner - Level 7d">lvl-4 Mission Runner - Level 7</option> </select> </div> <div id="Senior Master Sergeant" class="style-sub-1" style="display: none;" name="stylesub1" onchange="ChangeDropdowns(this.value)"> <label>Which Job? </label> <select id="Senior Master Sergeant" name="Senior Master Sergeant"> <option value="">-Choose A Job-</option> <option value="Basic Ore Miner - Level 1e">Basic Ore Miner - Level 1</option> <option value="Basic Ore Miner - Level 2e">Basic Ore Miner - Level 2</option> <option value="Basic Ore Miner - Level 3e">Basic Ore Miner - Level 3</option> <option value="Basic Ore Miner - Level 4e">Basic Ore Miner - Level 4</option> <option value="Basic Ore Miner - Level 5e">Basic Ore Miner - Level 5</option> <option value="Basic Ore Miner - Level 6e">Basic Ore Miner - Level 6</option> <option value="Basic Ore Miner - Level 7e">Basic Ore Miner - Level 7</option> <option value="Plagioclase Miner - Level 1e">Plagioclase Miner - Level 1</option> <option value="Plagioclase Miner - Level 2e">Plagioclase Miner - Level 2</option> <option value="Plagioclase Miner - Level 3e">Plagioclase Miner - Level 3</option> <option value="Plagioclase Miner - Level 4e">Plagioclase Miner - Level 4</option> <option value="Plagioclase Miner - Level 5e">Plagioclase Miner - Level 5</option> <option value="Plagioclase Miner - Level 6e">Plagioclase Miner - Level 6</option> <option value="Plagioclase Miner - Level 7e">Plagioclase Miner - Level 7</option> <option value="Omber Miner - Level 1e">Omber Miner - Level 1</option> <option value="Omber Miner - Level 2e">Omber Miner - Level 2</option> <option value="Omber Miner - Level 3e">Omber Miner - Level 3</option> <option value="Omber Miner - Level 4e">Omber Miner - Level 4</option> <option value="Omber Miner - Level 5e">Omber Miner - Level 5</option> <option value="Omber Miner - Level 6e">Omber Miner - Level 6</option> <option value="Omber Miner - Level 7e">Omber Miner - Level 7</option> <option value="lvl-1 Mission Runner - Level 1e">lvl-1 Mission Runner - Level 1</option> <option value="lvl-1 Mission Runner - Level 2e">lvl-1 Mission Runner - Level 2</option> <option value="lvl-1 Mission Runner - Level 3e">lvl-1 Mission Runner - Level 3</option> <option value="lvl-1 Mission Runner - Level 4e">lvl-1 Mission Runner - Level 4</option> <option value="lvl-1 Mission Runner - Level 5e">lvl-1 Mission Runner - Level 5</option> <option value="lvl-1 Mission Runner - Level 6e">lvl-1 Mission Runner - Level 6</option> <option value="lvl-1 Mission Runner - Level 7e">lvl-1 Mission Runner - Level 7</option> <option value="lvl-2 Mission Runner - Level 1e">lvl-2 Mission Runner - Level 1</option> <option value="lvl-2 Mission Runner - Level 2e">lvl-2 Mission Runner - Level 2</option> <option value="lvl-2 Mission Runner - Level 3e">lvl-2 Mission Runner - Level 3</option> <option value="lvl-2 Mission Runner - Level 4e">lvl-2 Mission Runner - Level 4</option> <option value="lvl-2 Mission Runner - Level 5e">lvl-2 Mission Runner - Level 5</option> <option value="lvl-2 Mission Runner - Level 6e">lvl-2 Mission Runner - Level 6</option> <option value="lvl-2 Mission Runner - Level 7e">lvl-2 Mission Runner - Level 7</option> <option value="lvl-3 Mission Runner - Level 1e">lvl-3 Mission Runner - Level 1</option> <option value="lvl-3 Mission Runner - Level 2e">lvl-3 Mission Runner - Level 2</option> <option value="lvl-3 Mission Runner - Level 3e">lvl-3 Mission Runner - Level 3</option> <option value="lvl-3 Mission Runner - Level 4e">lvl-3 Mission Runner - Level 4</option> <option value="lvl-3 Mission Runner - Level 5e">lvl-3 Mission Runner - Level 5</option> <option value="lvl-3 Mission Runner - Level 6e">lvl-3 Mission Runner - Level 6</option> <option value="lvl-3 Mission Runner - Level 7e">lvl-3 Mission Runner - Level 7</option> <option value="lvl-4 Mission Runner - Level 1e">lvl-4 Mission Runner - Level 1</option> <option value="lvl-4 Mission Runner - Level 2e">lvl-4 Mission Runner - Level 2</option> <option value="lvl-4 Mission Runner - Level 3e">lvl-4 Mission Runner - Level 3</option> <option value="lvl-4 Mission Runner - Level 4e">lvl-4 Mission Runner - Level 4</option> <option value="lvl-4 Mission Runner - Level 5e">lvl-4 Mission Runner - Level 5</option> <option value="lvl-4 Mission Runner - Level 6e">lvl-4 Mission Runner - Level 6</option> <option value="lvl-4 Mission Runner - Level 7e">lvl-4 Mission Runner - Level 7</option> </select> </div> <div class="clear"></div><div id="error-message-style-sub-1"></div></div> 

जैसा कि मैंने बताया, उपर्युक्त उदाहरणों में जावास्क्रिप्ट कोड न तो मेरे लिए काम कर रहे हैं, और मैं जावास्क्रिप्ट के लिए काफी नया हूं (और एचटीएमएल में अधिकतर अनुभव नहीं) तो कोई सुझाव?

इसके अतिरिक्त, एक बार जब उपयोगकर्ता दूसरे ड्रॉपडाउन बॉक्स में एक चयन करता है, तो मुझे ड्रॉपडाउन बॉक्स के नीचे प्रदर्शित करने के लिए टेक्स्ट की एक अनूठी पंक्ति (अर्थात उनके चयन के लिए अद्वितीय) चाहिए। यहां मैंने एक उदाहरण पाया है:

एक विशेष ड्रॉपडाउन विकल्प का चयन / de- चयनित होने पर छिपी हुई div को टॉगल करें

हालांकि, फिर से, इस exaple के विपरीत मैं पाठ प्रदर्शित करने के लिए सिर्फ एक विकल्प नहीं चाहता; मुझे चयनित किसी भी और हर विकल्प के लिए प्रदर्शित करने के लिए टेक्स्ट की एक अलग पंक्ति चाहिए यह काम करने के लिए मैं इस उदाहरण में कोड को संशोधित करने के बारे में कैसे जाना होगा?

मुझे पता है कि यह एक बड़ी परियोजना बनने की संभावना है, इसलिए मेरे लिए सब कुछ टाइप करने के बारे में चिंता न करें, अगर आप मुझे सिर्फ कोड को संशोधित करने के लिए क्या करना है, तो मुझे इसका एक नमूना दे सकते हैं ताकि यह इससे अधिक प्रभावित करे सिर्फ एक विकल्प जैसा कि आप शायद इस पोस्ट के आकार के अनुमान लगा सकते हैं, मैं अपने लिहाज से काफी लिखित रूप से काफी सहज हूं।

कोई भी सहायताकाफी प्रशंसनीय होगी।

अग्रिम में धन्यवाद।

Solutions Collecting From Web of "पिछले ड्रॉपडाउन चयन के आधार पर एक दूसरा ड्रॉपडाउन दिखाएं"

एक तरह से या किसी अन्य के लिए, आप पहले से ही समाप्त हो चुका है जो संभवत: नौकरी के लिए उपयोग करने के लिए सबसे आसान HTML मार्कअप है:

 <select size="1" id="Rank" title="" name="Rank"> <option value="">-Select Your Rank-</option> <option value="Airman">Airman</option> <option value="Airman First Class">Airman First Class</option> <option value="Senior Airman">Senior Airman</option> <option value="Staff Sergeant">Staff Sergeant</option> <option value="Senior Master Sergeant">Senior Master Sergeant</option> </select> 

और फिर <element> प्रत्येक संभावना के लिए एक <element> कंटेनर

 <div> // For Airman </div> <div> // For Senior Airman </div> 

… आदि आदि…

मैं उस सभी चीज़ों के लिए यही एक ही लेआउट का उपयोग करता हूं, जिस पर निर्भर करता है <option> चयनित होता है; आप चाहते हैं अद्वितीय-लाइन-ऑफ-टेक्स्ट, दूसरे-चुने-बक्से, इत्यादि आदि। मैं हर एक को एक कंटेनर तत्व में लपेटता हूं, ताकि आप आसानी से सभी तत्वों को एक के रूप में लक्षित कर सकें।

 <div class="container"> <div> Line of text for Airman </div> <div> Line of text for Senior Airman </div> </div> <div class="container"> <div> <select> <option>Airman Stuff</option> </select> </div> <div> <select> <option>Senior Airman Stuff</option> </select> </div> </div> 

अब हमारे प्रत्येक <div> के लिए पहचानकर्ता को अजीब लगाना है, इसलिए जब "एयरमैन" चुना जाता है, हमें पता है कि कौन सा <div> है एयरमैन (इसलिए हम उन लोगों को दिखाते हैं!)

 <div class="container"> <div class="airman"> Line of text for Airman </div> <div class="senior-airman"> Line of text for Senior Airman </div> </div> <div class="container"> <div class="airman"> <select> <option>Airman Stuff</option> </select> </div> <div class="senior-airman"> <select> <option>Senior Airman Stuff</option> </select> </div> </div> 

और <select id="rank"> के <options> s में एक ही पहचानकर्ता जोड़ें:

 <select size="1" id="Rank" title="" name="Rank"> <option value="">-Select Your Rank-</option> <option value="airman">Airman</option> <option value="senior-airman">Senior Airman</option> </select> 

अब हमें यह मार्कअप मिल गया है, छुपा / दिखाने के लिए जावास्क्रिप्ट लागू करना इतना आसान है!

 $(document).ready(function () { $('#Rank').bind('change', function () { var elements = $('div.container').children().hide(); // hide all the elements var value = $(this).val(); if (value.length) { // if somethings' selected elements.filter('.' + value).show(); // show the ones we want } }).trigger('change'); // Setup the initial states }); 

किया हुआ; एक उदाहरण की जांच करें: http://jsfiddle.net/3UWk2/1/

आपकी टिप्पणी के लिए एक अपडेट

आपके जैसे कोड को बदलने का प्रयास, क्योंकि आपने काम नहीं किया है, क्योंकि हमारे पास वर्तमान में 2 स्तर <select> बॉक्स; केवल <select id="rank">

द्वितीय स्तर के एनएवी के लिए, आपको पहले से ही हर चीज को दोहराने की ज़रूरत है जो हमने पहले स्तर के एनएवी के लिए किया है। <select> #id <select> लिए एक #id चयनकर्ता का उपयोग करने के बजाय, एक .class उपयोग करें; क्योंकि हमें लक्षित करने के लिए एक से अधिक <select> तत्व मिल गया है, और #id को अनन्य होना चाहिए:

 $('.second-level-select').bind('change', function () { var elements = $('div.second-level-container').children().hide(); // hide all the elements var value = $(this).val(); if (value.length) { // if somethings' selected elements.filter('.' + value).show(); // show the ones we want } }).trigger('change'); // Setup the initial states 

हमें <select> प्रत्येक अन्य तत्वों को छिपाने वाले बक्से को रोकने के लिए, div.container का नाम भी बदलना पड़ा है

यहां एक अद्यतित उदाहरण देखें: http://jsfiddle.net/3UWk2/3/

वाह बहुत सी कोड है … लेकिन वास्तव में यह वास्तव में jQuery के साथ करना आसान था (यदि वह एक विकल्प है)। मेरा उदाहरण देखें

आपको जो कुछ करना है, उसे id की स्थितियों में रिक्त स्थान हटा दें। यह आम तौर पर खराब है दूसरे, आप केवल उन मूल्यों के आधार पर छिपाने / छिपाने के लिए चयन सूची में उन्हें आईडी के रूप में दिखाते हैं

JQuery (हालांकि, jQuery लिंक को शामिल करने के लिए मत भूलना):

 $("#Rank").change(function(){ correspondingID = $(this).find(":selected").val() $(".style-sub-1").hide(); $("#" + correspondingID).show(); }) 

मेरा समाधान और सलाह AJAX का उपयोग करने के लिए होगा यदि आपके पास बहुत सारे विकल्प हैं और प्रत्येक अन्य विकल्प के लिए, उन्हें तुरंत लोड करने में कोई मतलब नहीं है। यह विचार एक AJAX अनुरोध भेजने और दूसरे विकल्प को उचित विकल्पों के साथ अपडेट करना है। आप डेटाबेस में प्रत्येक विकल्प के लिए उचित पाठ भी स्टोर कर सकते हैं .. इस तरह, आपके पास जो भी चीज है वह आप चाहते हैं और आप उपयोगकर्ता को अनावश्यक चयन डाउनलोड करने के लिए बाध्य नहीं करते हैं

HTML कोड पहले शामिल करें

  <!-------first dropdown-----------> <select name="make" id="elements"> <option value="">-</option> <option value="Satec" >Satec</option> <option data-val='m2' value="Masibus" >Masibus</option> <option data-val='m3' value="Pyrotech" >Pyrotech</option> <option data-val='m4' value="Schneider" >Schneider</option> </select> <!---------second dropdown----------> <select name="model" id="category"> <option value="">-</option> <option value="PM130" >PM130</option> <option value="PM2160A" >PM2160A</option> <option value="MFM101" >MFM101</option> <option value="ABC" >ABC</option> </select> 

जेएस स्क्रिप्ट शामिल करने के बाद

 <script> var category = document.getElementById('category'); document.getElementById('elements').onchange = function() { var optionSelected = this.options[this.selectedIndex]; if (optionSelected.textContent != '-') { if (optionSelected.dataset.val === 'm2') { category.value = 'PM2160A'; } else if (optionSelected.dataset.val === 'm3') { category.value='MFM101'; } else if (optionSelected.dataset.val === 'm4') { category.value='ABC'; } else { category.value = 'PM130'; } } else { category.value = ''; } } </script> 

यह निश्चित रूप से काम करेगा