próbuje ukryć opcje z listy wyboru .. nie działa na chrome i np.

Question

Mam listy wyboru, które ma wiele opcji. W zależności od niektórych danych chcę ukryć kilka opcji z listy wyboru. Aby ukryć opcje z listy select Pisałem jquery jak

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

    $(this).hide(); 

}) 

Ale ten kod wydaje się działać tylko dla firefox i jej nie działa w Chrome i IE. Natomiast jeśli napiszę

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

działa dla wszystkich przeglądarek. Jakikolwiek wskaźnik, gdzie powinienem patrzeć?

Answer 1

Nie można ukryć poszczególnych elementów opcji x-browser. Jedynym rozwiązaniem jest zastąpienie zaznaczenia nowym elementem za pomocą tylko opcji, które chcesz wyświetlić.

Zobacz ten drugi question

Answer 2

Dla każdego, kto miał do czynienia z ukrycia elementów opcjonalnych w tych wersjach dotkniętych, Zamieściłem obejście tutaj, które nie klonowania lub usunąć opcje ale otacza rozpiętości wokół nich, co jest zapewne znacznie łatwiejsze do czynienia z:

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

Answer 3

Oto stosunkowo zwięzły sposób odbudować listy wyboru na żądanie z nowych opcji. Działa to dla dynamicznie wstawianych opcji (co jest tym, co IE i Chrome mają problem z pokazywaniem i ukrywaniem)

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