숨기기 옵션이 작동하지 않습니다 IE

Question

다중 선택 목록에서 일부 요소를 표시하거나 숨기려고합니다. 내 코드는 Chrome에서 정상적으로 작동하지만 IE에서 작동하지 않는 이유를 파악할 수 없습니다. 여기 내 코드의 단순화 된 버전 :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

<select id="ID_DropDown" multiple="multiple" name="DropDown"> 
<option value="1">value1</option> 
<option value="2">value2</option> 
<option value="3">value3</option> 
</select> 

<script type="text/javascript"> 
$(document).ready(function() { 
    for (var i = 0; i < ID_DropDown.options.length; i++) { 
     $("#ID_DropDown option[value=" + ID_DropDown.options[i].value + "]").hide(); 
    } 
}); 
</script> 

어떤 생각이 있으십니까? 정말 감사

Answer 1

IE JQuery와의 숨기기() 함수를 지원하지 않습니다하지만 당신은 당신이 당신을 도울 것입니다

희망을 사용하여 요소를 숨길 수 있습니다.

$(document).ready(function() { 
 
    for (var i = 0; i < ID_DropDown.options.length; i++) { 
 
     $("#ID_DropDown option[value=" + ID_DropDown.options[i].value + "]").css({"visibility":"hidden"}); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<select id="ID_DropDown" multiple="multiple" name="DropDown"> 
 
<option value="1">value1</option> 
 
<option value="2">value2</option> 
 
<option value="3">value3</option> 
 
</select>

Plunker : http://plnkr.co/edit/OpZrpgAYaqfyGdcBeakc?p=preview는