jsp页面中的select标签问题！急急急！！！
如何实现点击下拉列表后不是一下将所有的option全显示出来（比如有20个option，只显示前5个）然后通过下滑的方式显示下面的。也就是说仍然保持select标签通过点...
如何实现点击下拉列表后不是一下将所有的option全显示出来（比如有20个option，只显示前5个）然后通过下滑的方式显示下面的。
也就是说仍然保持select标签通过点击那个小三角的方式显示option但只是控制一下显示的行数。
如何实现！！急急急！！
一楼没明白我的意思，不过还是谢谢。
不是这样的，这样一设完就不再是上来就显示一行和一个小三角了，而是上来就像一个文本域一样了，我要的不是这种效果。我要的是不点时只显一行和一个小三角，点小三角后出现5行option，能过下滑方式浏览其它的option 展开
也就是说仍然保持select标签通过点击那个小三角的方式显示option但只是控制一下显示的行数。
如何实现！！急急急！！
一楼没明白我的意思，不过还是谢谢。
不是这样的，这样一设完就不再是上来就显示一行和一个小三角了，而是上来就像一个文本域一样了，我要的不是这种效果。我要的是不点时只显一行和一个小三角，点小三角后出现5行option，能过下滑方式浏览其它的option 展开
4个回答
展开全部
找了一下:这是我所能模拟的最大程度了，你参考一下。
<html>
<head>
<title>
select
</title>
</head>
<body>
<select id=c size=1 style="overflor:hidden" onClick="change()" onmouseout="f();" >
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
<option>g</option>
<option>h</option>
<option>i</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
</select>
<script language="javascript">
//单击select时条用change
function change()
{
window.status="asdfadsfa";
document.getElementById("c").size=5;
}
//鼠标移出select时调用f（）
function f()
{
document.getElementById("c").size=1;
}
</script>
</body>
</html>
<html>
<head>
<title>
select
</title>
</head>
<body>
<select id=c size=1 style="overflor:hidden" onClick="change()" onmouseout="f();" >
<option>a</option>
<option>b</option>
<option>c</option>
<option>d</option>
<option>e</option>
<option>f</option>
<option>g</option>
<option>h</option>
<option>i</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
<option>j</option>
</select>
<script language="javascript">
//单击select时条用change
function change()
{
window.status="asdfadsfa";
document.getElementById("c").size=5;
}
//鼠标移出select时调用f（）
function f()
{
document.getElementById("c").size=1;
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那就不要用SELECT了,在网络上还没有看到有人控制SELECT的显示.
我想象一下,这个根据和分页显示应该连接得上.只要求不刷新页面就行,
好像很难耶,白说了.
我想象一下,这个根据和分页显示应该连接得上.只要求不刷新页面就行,
好像很难耶,白说了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置select标签的属性size=5就可以了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那你就只写5个option，不就得了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
