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（）函数，但是你可以使用

隐藏元素

希望这会对你有所帮助。

＆＃13;

$(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"});
    }
});

＆＃13;

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

＆＃13;

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

隐藏选项不起作用IE

1 个答案: