显示Div无法使用Java选择进行工作

Question

如果用户在select语句中选择了医生值，我试图显示FILE DIV。我知道if语句可以正常工作，因为我也可以在控制台中正常打印该值。我在其他网页中以完全相同的方式切换了div，因此我尤其不了解该网页的最新情况。function viewFile(){        var file = document.getElementById("doclicense");        var type = document.getElementById('accountType').value;        if(type === 'doctor') {            file.style.display = "block";            console.log(type);        }     }.hidden{display : none;}<div> <select id="accountType" name="type" class="form-control" onchange="viewFile()"> <option required>Account Type</option>                        <option value="doctor" name="doctor" id="doctor">Doctor</option>                        <option value="regular" name="regular" id="reg">Regular Account</option>                    </select></div>                <div class="hidden file" id="doclicense">                    <input type="file" name="license"  />                    <input type="submit"/>                </div>******************************************** EDIT-WORKAROUND ******* ***************由于我的代码拒绝工作，因此我添加了一行代码，标题为“ head”，而不是实际值。感谢所有贡献的人。我完全删除了隐藏的类，但是当我添加它时，它仍然无法正常工作。 function viewDocFile() {        var file = document.getElementById("doclicense");        var type = document.getElementById('accountType').value;        if (type === 'regular' || type === 'head') {            file.style.display = "none";             console.log(type);        } else {             file.style.display = "block";            console.log(type);            }        }***************************最终编辑******************** ****保留原始代码，但添加了CSS内联。<div class="form-group col-md-6" id="doclicense" style="display:none;">现在可以完美运行了。