一直使用div做的等待状态条，保证用户在提交之后不能进行操作，但是发现此方法存在问题：div无法遮盖页面中的“select”元素，如果用户在提交过程中更改select元素的选中项，会导致提交之后的结果不正确。
google一下，发现有一种可以使用iframe结合ie的过滤器解决此问题的方法：
iframe来当作div的底<html>
<head>
<script>
function DivSetVisible(state)
{
var DivRef = document.getElementById('PopupDiv');
var IfrRef = document.getElementById('DivShim');
if(state)
{
DivRef.style.display = "block";
IfrRef.style.width = DivRef.offsetWidth;
IfrRef.style.height = DivRef.offsetHeight;
IfrRef.style.top = DivRef.style.top;
IfrRef.style.left = DivRef.style.left;
IfrRef.style.zIndex = DivRef.style.zIndex - 1;
IfrRef.style.display = "block";
}
else
{
DivRef.style.display = "none";
IfrRef.style.display = "none";
}
}
</script>
</head>
<body>
<form>
<select>
<option>A Select Box is Born ....</option>
</select>
</form>
<div id="PopupDiv" style="position:absolute; top:25px; left:50px; padding:4px; display:none; background-color:#000000; color:#ffffff; z-index:100">
.... and a DIV can cover it up<br/>through the help of an IFRAME.
</div>
<iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;">
</iframe>
<br/>
<br/>
<a href="#" οnclick="DivSetVisible(true)">Click to show DIV.</a>
<br/>
<br/>
<a href="#" οnclick="DivSetVisible(false)">Click to hide DIV.</a>
</body>
</html>
另外一种方法，可以在提交页面显示div的时候，将select元素隐藏。
var selectEles = document.getElementsByTagName("select");
if(selectEles == null || selectEles.length == 0) {
return;
}
for(var i=0; ; i++) {
if(i = selectEles.length) break;
selectEles[i].style.display = "none";
}
说明：由于页面展现使用jsf，因此页面中无法使用">","<","&&"等符号，因此使用其它方法绕开此问题。
本文从本人其他博客搬家而来，当时感觉还是不错的，只是在这个技术日新的今天，不知道还合适不合适，欢迎拍砖
283
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
