从select中隐藏选项值

Question

以下是我的选择列表的代码

<select class="select" type="text" name="groupName">
<option value="Internal"> Internal </option>
<option value="administrators">administrators</option>
<option value="developers">developers</option>
<option value="users">users</option>
</select>

我需要在特定页面上的列表中隐藏内部组。 我试图使用选择列表的名称这样做，但这不起作用可以有人请指导我。 我无法在现有代码中添加id，这是我需要根据选择名称隐藏选项的原因。

Answer 1

我相信只有firefox允许在＆lt; select＆gt;中隐藏单个＆lt; option＆gt; s。 Chrome，Safari和IE都没有。

Answer 2

您可以使用属性选择器。

$('[name=groupName] option[value=Internal]').hide();

Answer 3

您应该使用attribute value selector并删除选项

$('.select[name="groupName"] option[value="Internal"]').remove();

Answer 4

只需选择特定选项并删除：

$('.select option[value=="Internal"]').remove();

Answer 5

您也可以尝试替代方式，

 $("select[name='groupName'] option").eq(1).remove();