2010.09.19——— 解决select不能跨iframe的问题

2010.09.19——— 解决select不能跨iframe的问题

一直有个问题 就是下拉框不能跨越iframe显示下拉选项

问题：
top.jsp
main.jsp

top.jsp里面有一个下拉菜单 但是 点击时 下拉选项总是显示不出来，被ifarme挡住了
一直没有被解决

今天无意看到了一个MM_jumpMenu的函数 就试了一下 果然能跨iframe

这个MM_jumpMenu函数好像是dw的函数 不过不管怎么着 能用就行 哈哈

function MM_jumpMenu(targ,selObj,restore){ //v3.0
　　eval(targ+".location.replace('"+selObj.options[selObj.selectedIndex].value+"')"); //改变
　　if (restore) selObj.selectedIndex=0;
}

原来是

function MM_jumpMenu(targ,selObj,restore){ //v3.0
　　eval(targ+".open('"+selObj.options[selObj.selectedIndex].value+"')"); //改变
　　if (restore) selObj.selectedIndex=0;
}

不过我要在当前页面打开 就改为replace()了 不过 很好用



select

<span class="system6_bj"> 
<span id="sleBG"> 
<span id="sleHid"> 
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)" class="select">
									<option selected="selected">
										====其它系统====
									</option>
									<option value="${pageContext.request.contextPath}/index2.jsp">
										建设工程信息系统
									</option>
									<option value="1">
										房屋管理综合信息服务系统
									</option>
									<option value="2">
										住房保障信息服务系统
									</option>
									<option value="3">
										住房保障信息服务系统
									</option>
									<option value="4">
										房屋拆迁管理系统
									</option>
									<option value="${pageContext.request.contextPath}/msg/main.jsp">
										短信群发服务系统
									</option>
									<option value="${pageContext.request.contextPath}/domain/index.jsp">
										公共资源配置系统
									</option>
		</select> 
<span>
<span>
<span>

解决这个问题的css

.system6_bj{
	background-image: url(../images/ui/system6.gif);
	background-repeat: no-repeat;
	width: 150px;
	height: 21px;
	display: block;
   overflow:hidden;
	margin-top: 5px;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}

.select {
	width:170px;
	height:21px;
	font-size: 12px;
	line-height: 21px;
	color: #7ebef5;
	background:none;
	_background:#1f588a;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
  
#sleHid { display:block; width:150px; overflow:hidden; 
}


    
#sleBG {
	width:160px;
	height:21px;
	display:block;
	background: url(../images/ui/system_bj6.gif);
	background-repeat: no-repeat;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}