2017-05-23 10 views
1

一部の条件に基づいて選択オプションを表示/非表示にしたい。 Firefoxでは正常に動作しますが、IEでは動作しません。私は別の条件で再度表示するためにデータを保持したいので、remove()を使用したくありません。selectオプションjquery hide()がIEで動作しない

IEバージョン10、jQueryのv1.11.3

$('#ddl').children('option').each(function() { 
    if ($(this).attr('e-id') != 4) { 
     $(this).hide(); 
    } 
    else { 
     $(this).show(); 
    } 
}); 
+2

フィドルを作成し、コードスニペットをここに入力します。非表示のオプションは、ブラウザ間での互換性がありません。 – Manwal

+0

問題のあるコード、使用しているjQueryのバージョン、使用しているIEのバージョンを入力します。 –

+0

htmlコードを見れば、 –

答えて

-1

あなたはIEのオプションタグにいくつかのCSSプロパティをサポートしていませんattr

+0

のコードや例を使って答えを正当化してください。html –

+0

これは問題を解決するための貴重なヒントになるかもしれませんが、良い答えは解決策も示しています。あなたが意味することを示すサンプルコードを提供するために[編集]してください。代わりに、これをコメントとして書くことを検討してください。 –

0

交換するpropを使用することができます。私が知っているものは

option:first-child, &:nth-child(3){ 
 
    color: red; 
 
} 
 

 
option:nth-child(2){ 
 
    font-weight: bold; 
 
} 
 

 
option:nth-child(4){ 
 
    font-size: 30px; 
 
} 
 

 
option:nth-child(5){ 
 
    display:none; 
 
}
<select> 
 
    <option>A</option> 
 
    <option>B</option> 
 
    <option>C</option> 
 
    <option>D</option> 
 
    <option>E</option> 
 
    <option disabled>F</option> 
 
    <option>G</option> 
 
    <option>H</option> 
 
    <option>I</option> 
 
</select>

ディスプレイ、高さ、可視性、ポインタ・イベントです。しかし、ユーザーがそれを選択したくない場合は、オプションを無効にすることができます。

関連する問題