javascript - 仅显示相关的下拉选项

Question

只有那些在网页上与我相关的下拉选项对我来说是可见的。（其他应该隐藏）

例子：

而不是具有选项的下拉菜单：

A B C D E F

我只想让我看到以下 2 个选项 A C

这将节省我们的时间并减少选择错误选项的机会，因为下拉列表目前有 10 多个选项，并且只有 3 个选项与我的团队相关。

请注意：我们不允许更改页面的源代码，所以我希望这可以通过可以在 Grease/Tamper Monkey 上运行的脚本（JS）来实现。

标签： javascriptgoogle-chrome-extensiongreasemonkeytampermonkeygreasemonkey-4

Answer 1

例如，您可以禁用除相关选项之外的所有选择选项：

var opt = document.getElementById("yourSelectBoxId").getElementsByTagName("option");
for (var i = 0; i < opt.length; i++) {
  if(! ['A','C'].includes(opt[i].value)) {
    //disable it:
    opt[i].disabled = true;
    //or remove it:
    //opt[i].parentNode.removeChild(opt[i]);
  }
}