Question

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

艾哈迈尔

Answer 1

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

您可以使用上述代码删除<option />元素中的第一个<select />元素。

使用CSS隐藏<option />元素是有问题的。有关详细信息，请参阅以下链接。

打破上述功能链：

选择<select />元素。（没有双关语）
在先前选定的元素中查找<option />个元素。我使用了find()，因为如果有选项组，则children()将无效。
仅过滤到第一个<option />元素。
从DOM中删除该元素。

以前肯定会有人问过这个问题：How to hide a <option> in a <select> menu with CSS?

Answer 2

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

您隐藏的所有首选选项。

Answer 3

HTML

<select id='test'>
    <option value='1'> op 1 </option>
    <option value='2'> op 2 </option>
    <option value='3'> op 3 </option>
    <option value='4'> op 4 </option>
</select>

Jquery的

$(document).ready(function() {
    $("#test").find("option").eq(0).remove();
});

那就是它！

Answer 4

你可以做的就是使用像这样的CSS，因为它与选择加载同步工作：

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

隐藏选择中的第一个选项

4 个答案: