隐藏选项不起作用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的hide（）函数，但你可以使用隐藏元素

希望这对您有所帮助。

$(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>

普伦克：http://plnkr.co/edit/OpZrpgAYaqfyGdcBeakc?p=preview