试图用 jquery 隐藏一些选项标签不起作用 IE、Safari 和 Opera答案

【问题标题】：Trying to hide some options tag with jquery doesn't work IE, Safari and Opera试图用 jquery 隐藏一些选项标签不起作用 IE、Safari 和 Opera
【发布时间】：2012-02-26 02:25:54
【问题描述】：

我正在尝试使用 jquery 隐藏一些 <options> 标记，但它似乎不起作用。

我想隐藏所有具有rel 属性的选项。
仅显示rel='3' 的选项

此代码适用于 FF 和 Chrome。不适用于 IE、Safari 和 Opera。

这是我的 jsfiddle：

http://jsfiddle.net/RnfqW/4/

这是标记和脚本：

<select name="myselect" id="myselect" >
    <option value=''></option>
    <option rel='1' value='1A'>1A</option>
    <option rel='1' value='1B'>1B</option>
    <option rel='2' value='2A'>2A</option>
    <option rel='2' value='2B'>2B</option>
    <option rel='2' value='2C'>2C</option>
    <option rel='3' value='3A'>3A</option>
    <option rel='3' value='3B'>3B</option>
    <option rel='3' value='3C'>3C</option>
    <option rel='3' value='3D'>3D</option>
</select>

脚本：

$("#myselect [rel]").hide(); // hide all options
$("#myselect [rel=3]").show(); // hide whow only rel=3 options

【问题讨论】：

remove works but not hide?的可能重复
参考以下question。解决了。
删除的问题是您无法重新创建它。
@Boris：如果将其分配给变量，将其从文档中删除不会破坏它，并且可以在再次需要时将其添加回来。请参阅重复的问题。相比之下，克隆和删除是一种糟糕的方法。
@AndyE：你可能是对的，我不是这方面的专家。只是想帮忙。

标签： jquery

【解决方案1】：

查看此代码并对其进行自定义。希望对你有用...

$(function(){
    $.fn.extend({
        slidingSelect: function(options)
        {
            var select= $(this);
            var selector=select.selector;
           var selectedValue="";//=select.val();

            var divToggle=$("<div>"+selectedValue+"select Complaint<span style='float:right;'>&#x25BC;</span></div>").attr({id:select.attr("id")+"Toggle"}).click(function(){
                $(selector).slideToggle();
            }).insertBefore(select);

            select.attr("size",6);  
            select.change(function(){
                divToggle.html(select.val()+"<span style='float:right;'>&#x25BC;</span>");
                $(selector).slideToggle();
            });

        }       
    });
    $("#complaint").hide().slidingSelect();

});

【讨论】：

【解决方案2】：

您无法隐藏或显示选项。您必须做的是克隆您的选择并删除您不想要的选项标签。

编辑：类似http://jsfiddle.net/RnfqW/5/

【讨论】：