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

唧唧

大小 9^F Re:~~ Post by : 2008-06-19 17:46:17.0

幼儿园
UID：3
主题：342
帖子：781
加为好友发送短信

没问题的啊试试：

运行复制保存 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>

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

注意双引号和单引号

　★★★★★★★★
　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！
　MyBlog ：http://blog.javawind.net

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小楼主 CSS模拟一个下拉列表 Post by : 2008-06-19 16:59:44.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信	我的下拉菜单导航条真是让我郁闷死了，总是被我页面下面的下拉列表框给遮住了，真烦，我想是不是可以用CSS模拟一个下拉列表啊？

唧唧精华：0 积分：0 金钱：3172 金币：0 威望：0 权限：2 用户资料用户帖子	大小 2^F Re:~ Post by : 2008-06-19 17:08:37.0
幼儿园 UID：3 主题：342 帖子：781 加为好友发送短信	这个不是已经讨论过了么？需要隐藏 select 或者用 IE7 FireFox浏览器就没有这个问题
	★★★★★★★★ 　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！　MyBlog ：http://blog.javawind.net

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小 3^F Re:~ Post by : 2008-06-19 17:21:09.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信	隐藏不了

唧唧精华：0 积分：0 金钱：3172 金币：0 威望：0 权限：2 用户资料用户帖子	大小 4^F Re:~ Post by : 2008-06-19 17:23:07.0
幼儿园 UID：3 主题：342 帖子：781 加为好友发送短信	/5b016f381a5419af011a571db6150001.jhtml 怎么会隐藏不了呢？现在我论坛就是用这个代码呢
	★★★★★★★★ 　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！　MyBlog ：http://blog.javawind.net

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小 5^F Re:~ Post by : 2008-06-19 17:27:15.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信	我的下拉列表框都是有自己的名字的不是一个像数组一样

唧唧精华：0 积分：0 金钱：3172 金币：0 威望：0 权限：2 用户资料用户帖子	大小 6^F Re:~ Post by : 2008-06-19 17:28:55.0
幼儿园 UID：3 主题：342 帖子：781 加为好友发送短信	你看代码没有？它根本不理你是否有名字的呢 getElementsByTagName 是获取 <select> 的所有标签，不关名字事你试试就知道啦
	★★★★★★★★ 　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！　MyBlog ：http://blog.javawind.net

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小 7^F Re:~ Post by : 2008-06-19 17:30:03.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信	哦，明白了

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小 8^F Re:~ Post by : 2008-06-19 17:42:16.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信	我用了你的方法，但是，报错了，说，‘Select’未定义，我说了，我的导航下拉菜单是单独放在一个JSP页面里的，然后引用到每一个页面里，而其他引用他的页面里也有层，层里顶部放了几个供查询的下拉列表，是不是他是被引用进来的，所以找不到呢？ <jsp:include flush="true" page="/gongyong.jsp"></jsp:include>

miracle 精华：0 积分：100 金钱：335 金币：0 威望：0 权限：4 用户资料用户帖子	大小 10^F Re:~ Post by : 2008-06-19 17:48:23.0
幼儿园 UID：21 主题：36 帖子：146 加为好友发送短信

唧唧精华：0 积分：0 金钱：3172 金币：0 威望：0 权限：2 用户资料用户帖子	大小 9^F Re:~~ Post by : 2008-06-19 17:46:17.0
幼儿园 UID：3 主题：342 帖子：781 加为好友发送短信	没问题的啊试试：运行复制保存 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> 认真检查哦～，这代码没问题的，我试过的呢注意双引号和单引号
	★★★★★★★★ 　纵里寻她千百度，蓦然回首，那人却在，灯火阑珊处！　MyBlog ：http://blog.javawind.net