我想点击右边的搜索时弹出一个下拉菜单,然后点击其他地方时下拉菜单消失 ,请问该怎么解决
下面是我的代码
<script type="text/javascript">
function show_search_items(){
document.getElementById("searchitem").style.visibility="visible";
document.getElementById("searchitem").focus();
}
function hidden_search_items(){
document.getElementById("searchitem").style.visibility="hidden";
}
</script>
</HEAD>
<BODY >
<DIV class="search-box">
<DIV id="search" onClick="show_search_items()" onblur="hidden_search_items();" tabIndex=0 class="search-btn" >
</DIV>
<INPUT style="COLOR: #999999" id="searchInput" class="search-input noborder left" value="输入文件名搜索" />
<DIV id="searchitem" onblur="hidden_search_items();" style="POSITION: absolute; visibility:hidden; WIDTH: 87px; DISPLAY: block; TOP: 35px; LEFT: 208px" class="x-menu">
<DIV class="search_items" onClick="show_search_items()" onMouseOver=this.style.backgroundColor="#c7c7c7" onMouseOut=this.style.backgroundColor="#fff" >
所有文档
</DIV>
<DIV class="search_items" onMouseOver=this.style.backgroundColor="#c7c7c7" onMouseOut=this.style.backgroundColor="#fff" >
文本文档
</DIV>
<DIV class="search_items" onMouseOver=this.style.backgroundColor="#c7c7c7" onMouseOut=this.style.backgroundColor="#fff" >
Word文档
</DIV>
<DIV class="search_items" onMouseOver=this.style.backgroundColor="#c7c7c7" onMouseOut=this.style.backgroundColor="#fff" >
Excel文档
</DIV>
</DIV>
</BODY></HTML>
这样的话当鼠标点击下拉菜单的选项时 就消失了 所以请教有没有其他的办法实现呢 坐等。。