jquery - 单击时使用 jquery 隐藏元素在 IE 上不起作用？

Question

我有这样的下拉菜单，

<div class="my_div">
    <select name="selection" id="select_id">
        <option value="0">A</option>
        <option value="5">B</option>
        <option value="6">C</option>
        <option value="7">D</option>
        <option value="8">D</option>
        <option value="9">F</option>
    </select>
</div>

我的链接是这样的，

<a class="links" href="#">Disable A C D</a>
<a class="links" href="#">Disable B E F</a>

我的脚本是这样的，

$(document).ready(function(){
    $('.links a').click(function(){
        var txt = $(this).text();       

        if( txt == 'Disable A C D'){
            $('div.my_div #select_id').find("option[value='0']").hide();
            $('div.my_div #select_id').find("option[value='6']").hide();
            $('div.my_div #select_id').find("option[value='7']").hide();
        }
    });
});

这适用于 Firefox 和 Chrome 但仅禁用该选项将适用于 IE，隐藏它不起作用。我想念什么？干杯!

Answer 1

您的代码示例不适用于任何浏览器。

'.links a' 应该只是 '.links' 或 'a.links'，当 '#select_id' 可以正常工作时，您不需要 'div.my_div #select_id'。

对于您的问题，IE 似乎不喜欢 Option 元素上的 display: none。您可能必须根据需要以编程方式删除和添加选项到 Select。