Javascript - 如果下拉控件为空，如何隐藏它

Question

我在表单上有一个级联下拉菜单。用户选择文档类型，大多数文档类型都有类别。但是，如果文档类型没有类别，那么我想隐藏类别下拉列表。有没有办法查看类别下拉列表(计算数组或其他东西)并隐藏类别控件(默认情况下它总是显示选择一个值，即使下拉列表没有任何可供选择的值)

到目前为止，我一直在关注并想知道如何根据用户在文档类型下拉控件中选择的内容来评估类别下拉控件。

NWF$(document).ready(function(){  
     var varDocType= NWF$('#' + jsDocTypes)// gets Doc Type control;
     varDocType.change(function(){  
          if(this.value !== null){  
            alert(varDocType.val());
            var varCategory = NWF$('#' + jsCategory)// gets Category control;
            alert(varCategory.val());
            if(varCategory == ''){
              NWF$('#' + jsCategory).style.visibility = "hidden";

           }
          }  

     });  
});

Answer 1

测试这个:

select:empty {
    display: none;
}

Invisible: ||<select></select>--<br>
Visible (whitespace): ||<select> </select>--<br>
Visible (children): ||<select><option>Options!</option></select>--

我不知道什么是 NWF$ 但如果你想通过 javascript 隐藏一个元素:

TheElement.style.display = "none";