Javascript 从“选择”隐藏选项值

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

<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添加到现有代码中，这就是我需要根据选择名称隐藏选项的原因。

您可以使用属性选择器

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

---

我相信只有firefox才允许在一个浏览器中隐藏单个的s。Chrome、Safari和IE不支持。您应该使用并删除该选项

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

---

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

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

---

你也可以尝试另一种方式

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

---

$（'select[name=“groupName”]”选项[value=“Internal”]）

您的意思是要隐藏name=“groupName”中可用的选项，就像要隐藏四个选项中的一个一样？正如@MauricePerry所指出的，隐藏选项与跨浏览器不兼容。您可能需要分离内部的选项。如果你想要它回来，你需要先存储孩子们的感谢adil和@abhitalks这解决了我的问题。很简单：）谢谢Maurice，我也需要在IE上兼容它，但我的机器上没有安装最新的IE。你能指导我如何在IE上工作吗？我认为唯一的方法是删除选项，而不是隐藏它们。