试图用jquery隐藏一些选项标签不适用于IE，Safari和Opera

我试图用jquery隐藏一些标签，但它似乎不起作用。

• 我想隐藏所有具有rel属性的选项。

• 仅显示rel='3'选项

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

这是我的jsfiddle：

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

这是标记和脚本：

   1A 1B 2A 2B 2C 3A 3B 3C 3D  

脚本：

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

Answer 1

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

编辑：像http://jsfiddle.net/RnfqW/5/

Answer 2

查看此代码并进行自定义。 我希望它会有用……

 $(function(){ $.fn.extend({ slidingSelect: function(options) { var select= $(this); var selector=select.selector; var selectedValue="";//=select.val(); var divToggle=$("
"+selectedValue+"select Complaint▼
").attr({id:select.attr("id")+"Toggle"}).click(function(){ $(selector).slideToggle(); }).insertBefore(select); select.attr("size",6); select.change(function(){ divToggle.html(select.val()+"▼"); $(selector).slideToggle(); }); } }); $("#complaint").hide().slidingSelect(); });