仅显示相关的下拉选项答案

【问题标题】：Displaying only the drop-down options which are relevant仅显示相关的下拉选项
【发布时间】：2019-03-06 18:49:49
【问题描述】：

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

例子：

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

一个乙 C D E F

我只希望看到以下 2 个选项一种 C

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

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

【问题讨论】：

标签： javascript google-chrome-extension greasemonkey tampermonkey greasemonkey-4

【解决方案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]);
  }
}

【讨论】：