隐藏第一个选项

Question

我有一个动态生成的下拉选项。我想隐藏第一个选项，因为这是不需要的。有没有任何跨浏览器兼容的方法来实现这一点。无论使用jquery还是css，任何解决方案都会很好。

艾哈迈尔

Answer 1

$("#my-drop-down-select-element-id").find("option").eq(0).remove(); 

可以移除第一<option />元件与上述代码<select />元件。

使用CSS来隐藏<option />元素是有问题的。有关详情，请参阅下面的链接。

要击穿上述功能链：

1. 选择<select />元件。 （没有双关语意思）
2. 在之前选择的元素中查找<option />元素。我使用find()，因为如果有选项组，那么children()将不起作用。
3. 过滤掉只有第一个<option />元素。
4. 从DOM中删除该元素。

这无疑被要求之前，对于一些更多的阅读：How to hide a <option> in a <select> menu with CSS?

Answer 2

你可以做的是使用CSS这样的，因为它在同步的工作原理与选装这样的：

#select-item:first-child { 
    display: none; 
} 

Answer 3

$('select > option:first').hide(); 

您的所有第一选择选项隐藏与此。