cercando di nascondere le opzioni dalla lista di selezione .. non funziona su Chrome e cioè

Question

Ho una lista di selezione, che ha un sacco di opzioni. A seconda di alcuni input, voglio nascondere alcune opzioni dall'elenco di selezione. jQuery per nascondere le opzioni da selezionare Elenco ho scritto come

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

    $(this).hide(); 

}) 

Ma questo codice sembra funzionare solo per Firefox e la sua non funziona su Chrome e IE. Considerando che se scrivo

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

funziona per tutti i browser. Qualche puntatore dovrei guardare?

Answer 1

Non è possibile nascondere singoli elementi di opzione x-browser. L'unica soluzione è sostituire la selezione con un nuovo elemento con solo le opzioni che desideri visualizzare.

Vedi quest'altra question

Answer 2

Per chiunque abbia a che fare con nascondere elementi di opzione in quelle versioni interessate, ho postato una soluzione qui che non clonare o rimuovere le opzioni, ma avvolge campate intorno a loro, che probabilmente è molto più più facile da affrontare:

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

Answer 3

Ecco un modo relativamente conciso per ricostruire l'elenco di selezione a richiesta con nuove opzioni. Questo funziona per le opzioni inseriti in modo dinamico (che è ciò che IE e Chrome hanno un problema con mostrare e nascondere)

$().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; 
}