怎么设置select的显示条数,超过的出现滚动条

子萌1 发布于 2017/09/11 15:21
阅读 4K+
收藏 0

怎么设置select只显示10条信息,超过的就出现滚动条

加载中
0
h
hubhub乐

size属性

子萌1
子萌1
size属性加上后,select旁边的span样式都变了
0
l
liangna

可以添加这个style属性试一试overflow: scroll;

0
kingsha_
kingsha_
//在别的地方看到的,这个可以,但是this会报错,但是换成$(this)就会失去效果,不太懂
<script type="text/javascript">
    window.onload = function(){
        $("option").click(function(){
            $("#select").removeAttr("size").blur();
            this.attr("selected","");
        });
        $("#select").focus(function(){
            $("#select").attr("size","5");
        })
    }
</script>
0
kingsha_
kingsha_
//上面说的那个this可以删掉,看错了,没有影响
<script type="text/javascript">
    window.onload = function(){
        $("option").click(function(){
            $("#select").removeAttr("size").blur();
        });
        $("#select").focus(function(){
            $("#select").attr("size","5");
        })
    }
</script>
0
小小寒
小小寒

我觉得可以设置select的max-height,大小为十条的高度,设置select的overflow:auto样式,就会出现滚动条了

返回顶部
顶部