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

如果用户在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;">

现在可以完美运行了。


慕标5832272
浏览 184回答 2
2回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript