CSS模拟一个下拉列表 -- 风信Java论坛 -- Powered by JavaWind.Net

我的下拉菜单导航条真是让我郁闷死了，总是被我页面下面的下拉列表框给遮住了，真烦，我想是不是可以用CSS模拟一个下拉列表啊？

这个不是已经讨论过了么？

需要隐藏 select

或者用 IE7 FireFox浏览器就没有这个问题

怎么会隐藏不了呢？

现在我论坛就是用这个代码呢

我的下拉列表框都是有自己的名字的

不是一个像数组一样

你看代码没有？

它根本不理你是否有名字的呢

getElementsByTagName 是获取 <select> 的所有标签，不关名字事

你试试就知道啦

我用了你的方法，但是，报错了，说，‘Select’未定义，我说了，我的导航下拉菜单是单独放在一个JSP页面里的，然后引用到每一个页面里，而其他引用他的页面里也有层，层里顶部放了几个供查询的下拉列表，是不是他是被引用进来的，所以找不到呢？

<jsp:include flush="true" page="/gongyong.jsp"></jsp:include>

没问题的啊试试：

运行复制保存 xhtml代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
<!--
function hideSelect(visibility){
var selects = document.getElementsByTagName("select");
for(i = 0; i < selects.length; i++){
selects[i].style.visibility = visibility;
}
}
//-->
</script>
</head>
<body>
<form method="post" action="">
<select id="select1" name="test1">
<option value="1" selected="selected">测试2</option>
<option value="2">测试1</option>
</select>
<select id="select2" name="test2">
<option value="1" selected="selected">测试2</option>
<option value="2">测试1</option>
</select>
<input type="button" value="隐藏" onclick="hideSelect('hidden');" />
<input type="button" value="显示" onclick="hideSelect('visible');" />
</form>
</body>
</html>

认真检查哦～，这代码没问题的，我试过的呢

注意双引号和单引号

不要急～

你看看我给出的完整代码～

你弹出下拉菜单的时候调用隐藏

隐藏下拉菜单的时候调用显示

PS：推荐一个下拉菜单在线制作器

我觉得这个和我的下拉菜单应该没什么关系，问题在于，下拉列表框的显示总是在最前面，会遮住别的东西，我本来也改变我的导航条，但是，想想，如果下拉列表框总是显示在最前面，那么，不管将导航条做成什么样子的，还是会被遮住

呵呵，都说了这个是IE6的bug，你装个IE7或者FireFox就没有问题了

目前除了隐藏select，没有什么好的解决办法！

很多网站都是这样做的包括 163，外国的很多知名网站