隐藏选项不起作用 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>

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