चुनिंदा सूची से विकल्पों को छिपाने की कोशिश कर रहा है .. क्रोम पर काम नहीं कर रहा है और यानी

Question

मेरे पास एक चुनिंदा सूचियां हैं, जिनमें बहुत सारे विकल्प हैं। कुछ इनपुट के आधार पर मैं चुनिंदा सूची से कुछ विकल्प छिपाना चाहता हूं। जैसे

$('#selectlist1 option').each(function(){ 

    $(this).hide(); 

}) 

चयन सूची से विकल्प को छुपाने के लिए मैं लिखा है jQuery लेकिन इस कोड फ़ायरफ़ॉक्स और उसके क्रोम और यानी पर काम नहीं कर के लिए ही काम करने के लिए लगता है। जबकि अगर मैं

$('#selectlist1').hide(); 

यह सभी ब्राउज़र के लिए काम करता है। कोई सूचक जहां मुझे देखना चाहिए?

Answer 1

आप व्यक्तिगत विकल्प तत्व एक्स-ब्राउज़र को छिपा नहीं सकते हैं। एकमात्र समाधान केवल नए विकल्पों के साथ चयन को प्रतिस्थापित करना है, जिन्हें आप प्रदर्शित करना चाहते हैं।

देखें इस दूसरे question

Answer 2

उन वर्शन प्रभावित में विकल्प तत्वों छुपा से निपटने के लिए होने किसी के लिए, मैं एक समाधान यहाँ जो क्लोन नहीं करता या विकल्पों निकालने, लेकिन उनके आसपास फैला लपेटता है, जो बहुत यकीनन है तैनात के साथ आसान निपटने के लिए:

http://work.arounds.org/issue/96/option-elements-do-not-hide-in-IE/

Answer 3

यहाँ नए विकल्पों के साथ मांग पर चयन सूची के पुनर्निर्माण के लिए एक अपेक्षाकृत संक्षिप्त तरीका है। इस डायनामिक रूप से सम्मिलित विकल्प के लिए काम करता है (जो है क्या IE और क्रोम दिखा और छुपा के साथ एक समस्या है)

$().ready(function() { 
    //store a reference 
    var select = $('#myselect'); 
}); 

function rebuild_select(arr_new_options) { 
    var parent = select.parent(); 
    select.empty(); 
    var clone = select.clone(); 
    select.remove(); 
    for(var x=0; x < arr_new_options.length; x++) { 
     clone.append(arr_new_options[x]); 
    } 
    parent.append(clone); 
    select = clone; 
}