versuchen, Optionen von selectlist ausblenden .. nicht auf Chrom arbeiten und dh

Question

Ich habe eine Auswahllisten, die viele Optionen hat. Abhängig von einigen Eingaben möchte ich einige Optionen aus der Auswahlliste ausblenden. Zum Ausblenden Optionen aus der Auswahlliste habe ich geschrieben jquery wie

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

    $(this).hide(); 

}) 

Aber dieser Code scheint nur für Firefox zu arbeiten, und es funktioniert nicht auf Chrom und das heißt. Wenn ich schreibe

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

es funktioniert für alle Browser. Irgendein Zeiger wohin soll ich schauen?

Answer 1

Sie können einzelne Optionselemente x-browser nicht ausblenden. Die einzige Lösung besteht darin, die Auswahl durch ein neues Element mit nur den Optionen zu ersetzen, die Sie anzeigen möchten.

Sehen Sie diese andere question

Answer 2

Für jedermann mit versteckt Option Elemente in diesen Versionen betroffen beschäftigen zu müssen, ich gepostet hier eine Abhilfe, die nicht die Optionen nicht klonen oder entfernen, sondern wickelt Spannweiten um sie herum, die wohl viel einfacher zu handhaben:

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

Answer 3

Hier ist ein relativ kurzer Weg, um die Auswahlliste auf Nachfrage mit neuen Optionen für den Wiederaufbau. Dies funktioniert für dynamisch eingefügt Optionen (was IE und Chrome haben ein Problem mit Ein- und Ausblenden)

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