javascript - 使用 vanilla JavaScript 选择和删除 html 选择选项，无需按索引或 ID 选择

Question

我需要删除选择框上的选项，并且我已经在下面的代码中找到了一个潜在的解决方案，但感觉不是特别“安全”(如果另一个开发人员决定向后端添加一个选项) ，该选项将重新出现)。有没有更好的方法来实现这一点而不诉诸 jQuery？

(function (){
    var parent = document.getElementById("MediaCategory");
    var child = parent.children[8];

    if(parent.options[8].text === "Archive") {
        parent.removeChild(child);
        }
})();

正如我所见，我选择了 select 表单元素的 ID 并将其存储在一个变量中，我还存储了 select 的第 9 个子元素，这是我想要删除的选项。

然后，为了额外的安全性，我使用了 if 语句来仔细检查我选择的选项是否具有正确的文本。

有什么简单的东西我可以添加吗？我无法通过搜索网络找到仅通过类名或 ID 来仅通过值来选择选项的方法。

Answer 1

类似这样的吗？

(function (){
    var parent = document.getElementById("MediaCategory");

    for(var i=0; i< parent.children.length; i++){
        var child = parent.children[i];

        if(child.text === "Archive") {
            parent.removeChild(child);
        }
    }       
})();