javascript - 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);

}

実際には、他のセレクト ボックスの選択に基づいて表示できる要素のグループが 3 つあります。私の考えは、すべてを非表示にして、それが表示される基準を与えることです。それ以外の場合は、3 つの異なる選択ボックスを作成してそれらをすべて非表示にし、個々のオプションを非表示にできない場合は選択ボックスを使用できるようにします