jquery - 現在選択されているリストボックス要素を非表示にする - Chrome ではなく Mozilla で動作します

Question

Web ページには、いくつかのアイテムを含むリストボックスがあります。この線：

    $('#my-list-of-options option:selected').hide();

mozilla で現在選択されている要素を正常に非表示にします。ただし、クロムではありません。クロムで動作させるにはどうすればよいですか？

score 1 · Accepted Answer

display:noneのブラウザ間では機能しませんoption。あなたはオプションを作ることを試みることができますdisabled

 $('#my-list-of-options option:selected').prop('disabled',true);

または、オプションを削除し、必要に応じて再バインドします。data次のように、後で復元するために選択に保存します。

score 1 · Accepted Answer

オプション要素の css display:none は、chrome (または ie) ではサポートされていません。

唯一の選択肢は、要素を削除することです:

$('#toppings').change(function(){
    var selected = $('#toppings option:selected');    
    selected.remove();    
});

score 0 · Accepted Answer

これはjQuery セレクターに関する優れた参照カードです(ただし、ダウンロードするにはサインアップが必要な場合があります)。

$('#my-list-of-options option[selected]').hide();

3 に答える 3