2010-11-26 10 views
9

मैं/एक कस्टम dropdownlist जो शो का निर्माण आधारित यह चयन है पर ड्रॉपडाउन के एक दूसरे सेट को छिपाने के लिए कोशिश कर रहा हूँ पर आधारित है।दिखाएँ/<select> लटकती छुपाएं, jQuery के साथ, मूल्य

मैं अगर यहां किसी को भी इस के लिए एक समाधान के साथ मदद कर सकता है सोच रहा था।

आप jQuery का उपयोग http://jsfiddle.net/prodac/stAAm/

+5

+1 के लिए कोड की एक प्रति। – RPM1984

+0

मैं दोनों को करने के लिए +2 देना होगा। Jsfiddle और यहां पोस्टिंग। क्योंकि क्या होता है यदि jsfiddle खुद को एक दिन हिलाता है और लिंक अब और काम नहीं करता है? –

उत्तर

6

पर अपने कोड देख सकते हैं :selected प्रलेखन का एक छोटा सा यहाँ है http://api.jquery.com/selected-selector/

यही एक विकल्प चयन मेनू

मैं आपके द्वारा अभी Jfiddle अद्यतन करने कर रहा हूँ में काम करता है आप जो कुछ करना चाहते हैं उसके बारे में मुझे थोड़ा और जानकारी दे सकते हैं।


संपादित

यहाँ अपने जवाब के साथ एक अद्यतन jfiddle है। http://jsfiddle.net/stAAm/7/

और समय अपने कोड नहीं बल्कि सिर्फ इसे यहाँ चिपकाने से, jsFiddle पर डाल करने के लिए समय निकालने के लिए ढेर अतिप्रवाह

$('#source').change(function() { 
     if ($('#source option:selected').text() == "France"){ 
      $('.cities').hide(); 
      $('#source2a').show(); 
     } else if ($('#source option:selected').text() == "Germany"){ 
      $('.cities').hide(); 
      $('#source2b').show(); 
     } else if ($('#source option:selected').text() == "India"){ 
      $('.cities').hide(); 
      $('#source2c').show(); 
     } else { 
      $('.cities').hide(); 
     } }); 
+0

@zobgib: जैसा कि आप कोड से देख सकते हैं, नियंत्रण नीचे उस पृष्ठ पर चयन तत्व से जुड़ा हुआ है जो जानबूझकर छुपा नहीं है। यह अंतिम कोड में छुपा हुआ है। देश ड्रॉपडाउन (जैसे ब्राजील, फ्रांस, भारत) एकमात्र ऐसा है जिसे प्रदर्शित करने के लिए एक पृष्ठ दर्ज किया जाता है। फिर जब इस ड्रॉपडाउन से चयन किया जाता है (उदाहरण के लिए देशों में से एक) चयनित देश के शहरों के साथ ड्रॉपडाउन दिखाएगा। – iamchriswick

+0

@zobgib: बढ़िया, बस मैं जो खोज रहा था: डी धन्यवाद! अब मैं इसे कस्टम ड्रॉपडाउन सूची के साथ काम करना चाहता हूं। क्या यह करना मुमकिन है? – iamchriswick

+0

ऐसा लगता है कि कस्टम ड्रॉप डाउन सूची ठीक काम करती है या आप कस्टम ड्रॉप डाउन के लिए क्लासिक