关于使用style.display时下拉框错位问题
问:怎么解决显示/隐藏中出现的下拉框错位问题?
测试页:
<html>
<head>
<script>
function ShowInfo(div){
if(div==null||typeof(div)=='undefined')
return
div.style.display=div.style.display=='none'?'block':'none'
}
</script>
</head>
<body>
<form>
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p><a href="javascript:ShowInfo(divInfo)">click me</a>
<p><div id=divInfo>
<p>line
<p>line
<p>line
<p>line
<p><input type=text value="hold"><select><option>move<option><select>
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
<p>line
</div>
</form>
</body>
</html>
操作:展开时窗口右边出现滚动条,下拉滚动条;点击隐藏,同时滚动条消失;再点击展开,Select错位;改变窗口大小,Select复原。