Question

我的脚本有工作条件，但很多for循环是有任何方法来做到这一点......为了简化这个...我对脚本很新，请帮助这个......

 function change()
        {
            //document.getElementById("Geography").options[7]=new Option("", "newval", true, false);

           var geo = document.getElementById("Geography").options;
           var zon = document.getElementById("zone").options;
           var coun = document.getElementById("country").options;

            for (var i = 0; i < geo.length; i++)
            {
                if (geo[i].innerHTML == "Null Value" || geo[i].innerHTML == "")
                {
                    document.getElementById("Geography").options[i] = null;
            }       

        }

           for (var i = 0; i < coun.length; i++)
            {
                alert("Loop1" + i);
                if (coun[i].innerHTML == "Null Value")
                {

                document.getElementById("country").options[i] = null;
                }
                }

           for (var i = 0; i < zon.length; i++)
            {
                //alert("Loop1" + i);
                if (zon[i].innerHTML == "Null Value")
                {
                        document.getElementById("zone").options[i] = null;

                }
                }
    }

Answer 1

要删除选项，请在父元素上调用removeChild()。

var geoSel = document.getElementById("Geography"); 
var geo = geoSel.options;

for (var i = geoSel.options.length-1; i >= 0; i--) {
    if (geo[i].innerHTML == "Null Value" || geo[i].innerHTML == "") {
        geo.removeChild(geo[i]);
    }
}

我倒数而不是因为删除一个孩子会导致所有以下孩子的索引向下移动。在递增循环中，这将导致跳过元素。

Answer 2

使用此 UPDATED DEMO

function change(){
    var optionsArr = [];
    optionsArr.push(document.getElementById("Geography").options);
    optionsArr.push(document.getElementById("zone").options);
    optionsArr.push(document.getElementById("country").options);

    var optArrlenght = optionsArr.length;
    for ( var j = 0; j < optArrlenght; j++){
        var options = optionsArr[j];
        var optionslength = options.length;
        for (var i = 0; i < optionslength; i++)
        {
            if (options[i].innerHTML == "Null Value" || options[i].innerHTML == "")
            {
                options[i].remove();
                i--;
                optionslength--;
            }       

        }

    }

}
change();

在javascript中删除null值

2 个答案: