Jquery 在“选择”框中隐藏选定选项

我注意到表单select元素和jQuery.fadeOut/隐藏的奇怪行为

我有一个简单的选择框：

<select name="categories">
  <optgroup label="Choose option:">
    <option selected="selected" value="placeholder">CHOOSE OPTION</option>
    <option value="category-books">Books</option>
    <option value="category-music">Music</option>
  </optgroup>
</select>

Firefox中的这段代码可以正常工作，选项在点击后会平滑淡出，但在其他Bowser（IE9、Opera、Chrome）中，这段代码不起作用：-[您可以在这里查看：

我尝试了.remove（工作）和.hide（不工作），但是我想要一个动画来隐藏这个元素

另外，当用户离开选择框（focusout的工作方式与.blur的工作方式相同）时，您知道更好的方法来淡出选项元素吗？

尝试更改

$('option[value=placeholder]').fadeOut('slow')

与

这就是我在代码中隐藏“选项”的方法

$('option[value=placeholder]').fadeOut('slow')

$('option[value=placeholder]', this).fadeOut('slow')

$('#mySelect option[value=' + myVal + ']').hide().siblings().show();