如何在 Drupal 7 的下拉 HTML 选择列表中删除禁用的选项

Question

我想遍历一个元素，从列表中删除所有禁用的元素，以便只向用户呈现与他们相关的项目。所有这一切都发生在 Drupal 7 中，选择列表是从分类术语列表中填充的。我注意到两个问题，但首先这是我在自定义主题中的 javascript 文件：

(function($) 
{
    Drupal.behaviors.mytheme = 
    {
        attach: function(context, settings) 
        {
            var x = document.getElementById("edit-field-diplomatic-mission-und");

            for (var j = 0; j < 10; j++) //Force loop
            {
                for (var i = 0; i < x.length; i++)
                {
                    if (x.options[i].disabled == true)
                    {
                        x.remove(i);
                    }
                }
            }
        }
    };
})(jQuery);

1. 循环不会遍历整个列表，而是在第 21 个或第 25 个选项附近随机中断。这就是为什么我在代码中有一个强制循环

2. 禁用的元素在 Drupal 中根本不会被删除

就像一个注释，在它自己的独立格式上，相同的代码可以在整个列表中删除元素，没有循环：

    <script>
        $(document).ready(function ()
        {
            var x = document.getElementById("edit-field-diplomatic-mission-und");

            for (var j = 0; j < 10; j++)
            {
                for (var i = 0; i < x.length; i++)
                {
                    if (x.options[i].disabled == true)
                    {
                        x.remove(i);
                    }
                }
            }
        });
    </script>

请问我做错了什么？

Answer 1

问题是您正在删除影响options 集合长度（即实时NodeList）的选项。您可以向后循环。这是删除所有禁用选项的正确代码：

var x = document.getElementById("edit-field-diplomatic-mission-und");

for (var i = x.options.length - 1; i >= 0; i--) {
    if (x.options[i].disabled) {
        x.remove(i);
    }
}

或

var i = x.options.length;
while (i--) {
    if (x.options[i].disabled) {
        x.remove(i);
    }
}

一般x.length 没有意义，因为x 是单个 DOMElement 而不是集合。

最后，既然您使用的是 jQuery，那么您绝对应该使用它：

$('#edit-field-diplomatic-mission-und option:disabled').remove();