如何使用javascript隐藏选择框的选项

Question

我使用以下功能动态地向选择框添加选项。我想在添加选项时隐藏该选项。他们将在特殊条件下展示。我可以隐藏选项吗？

function loadName(name)
{

    var e=document.getElementById('templateName');
    var i =0;
    var abc = true;
    while(abc)
    {
        if (!e.options[i] || e.options[i].innerText==null)
        {
            abc =false;
        }
        else
        {
            i++
        }
    }
    e.options[i]= new Option(name ,name);

}

function loadName(name)
{

    var e=document.getElementById('templateName');
    var i =0;
    var abc = true;
    while(abc)
    {
        if (!e.options[i] || e.options[i].innerText==null)
        {
            abc =false;
        }
        else
        {
            i++
        }
    }
    e.options[i]= new Option(name ,name);

}

实际上有三组元素可以根据其他选择框的选择显示。我的想法是隐藏所有并给出一个标准，并在此基础上显示它。否则我会将三个不同的选择框全部隐藏起来，如果我无法隐藏个别选项，选择框是否可用