<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.
<script>
for(var i=0;i<10;i++){
document.write("kkkk<br>");
}
</script>
</div>
<select>
<option>A 333 Box is Born ....</option>
</select>
<iframe id="DivShim" src="javascript:false;" scrolling="no" frameborder="0" style="position:absolute; top:0px; left:0px; display:none;">
</iframe>
<br/>
<br/>
<a href="#" onClick="DivSetVisible(true)">Click to show DIV.</a>
<br/>
<br/>
<a href="#" onClick="DivSetVisible(false)">Click to hide DIV.</a>
<table>
<tr><td>
<select style="width:120px " disabled>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>
<input type="text" name="name1" style="width:100px "/>
</td>
<td>
<select name="name2_tem" style="width:120px " onChange="changeSelect(this)" >
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<input type="text" name="name2" style="width:104px; position:relative; left:-130px;border-right:0 "/>
</td>
</tr>
</table>
</body>
<script>
function changeSelect(obj){
document.getElementsByName("name2")[0].value=obj.value;
//selectedIndex.text
}
</script>
</html>
处理select框盖住div问题和可输下拉单实现
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
