最近编写图片上传功能,发现在本地预览选择的图片时,弹出的div不能遮蔽dropdownlist或select控件,查了些资料发现用控件的z-index属性解决不了问题。能够解决问题的是在div中加<iframe></iframe>,但是对于我写的功能限制太多,只有另辟蹊径.
方法:写两个js函数ShowSelectCon()、HiddenSelectCon()
ShowSelectCon()
{
var SelectConArray = document.getElementsByTagName("select");
for(var i=0;i<SelectConArray.length;i++)
{
SelectConArray[i].style.display = "block";
}
}
HiddenSelectCon()
{
var SelectConArray = document.getElementsByTagName("select");
for(var i=0;i<SelectConArray.length;i++)
{
SelectConArray[i].style.display = "none";
}
}
简单的两个函数搞定。在显示div之前调用HiddenSelectCon(),在关闭div时调用ShowSelectCon()。