IEでJQueryを使用してSELECTオプションを非表示にする方法

Question

ドロップダウンからいくつかのオプションを隠そうとしています。 JQueryの.hide（）と.show（）はFirefoxとChromeではうまくいきますが、IEでは不運です。

いいアイデアはありますか？

Answer 1

多くの考えられるアプローチのうち、この方法はブラウザスニッフィング（一般的にはあまり良くありません）を必要としますが、同じ選択リストを複数コピーして入れ替えする必要はありません。このため

//To hide elements 
$("select option").each(function(index, val){ 
    if ($(this).is('option') && (!$(this).parent().is('span'))) 
     $(this).wrap((navigator.appName == 'Microsoft Internet Explorer') ? '<span>' : null).hide(); 
}); 

//To show elements 
$("select option").each(function(index, val) { 
    if(navigator.appName == 'Microsoft Internet Explorer') { 
     if (this.nodeName.toUpperCase() === 'OPTION') { 
      var span = $(this).parent(); 
      var opt = this; 
      if($(this).parent().is('span')) { 
       $(opt).show(); 
       $(span).replaceWith(opt); 
      } 
     } 
    } else { 
     $(this).show(); //all other browsers use standard .show() 
    } 
}); 

クレジットがここディマSviridと真正面ある：http://ajax911.com/hide-options-selecbox-jquery/

Answer 2

だけIE11 navigator.appNameは 'ネットスケープ' を返すことを言及する:) だからことを考慮：

$("select option[value='your_option_value']").wrap((navigator.appName == 'Microsoft Internet Explorer' || navigator.appName == 'Netscape') ? '<span>' : null).hide();