jQuery-按值隐藏选项元素

试图从列表中隐藏选项元素。我试过几种方法，但似乎都不管用。 我需要按名称调用select，因为我无法添加ID或类

$('select[name*="boxes"] option[value="box6"]').hide();

这里是小提琴：

---

有什么建议吗？

将选择器更改为

$('select[name*="boxes"] > option[value="box6"]').hide();

意味着在前面的选择器中搜索下面的选择器

这是你最新的小提琴：

此外，如果这是一次性情况，您可以进一步简化选择器，以：

$('option[value="box6"]').hide();

---

如果您可以删除它，这似乎适用于所有浏览器：

$('select[name*="boxes"] option[value="box6"]').remove();

在FF、Chrome、Safari、IE和Opera中测试

---

hide（）

添加样式

显示：无到您的元素。但这种风格对选项没有影响。啊--对于不同的浏览器来说是不同的。在chrome和FF中工作良好，但在safari或IE@Ted是的，我可以确认它在我的safari v8.0.6中根本不起作用。是否有任何方法可以使代码在所有浏览器中都起作用？如果您只是想隐藏，则不需要。删除是@Ted在回答中指出的一个选项，但如果需要重新显示dom元素，则会强制您重新创建它。这是浏览器兼容性问题——请参阅@b.enoit.be在评论中发布的链接：