如果用户在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;">
现在可以完美运行了。
相关分类