select标签中怎样控制option的显示数量

最近做项目,需要动态加载数据显示到下拉列表中。

刚开始用select标签,由于数据较多,一次性全部加载,下拉列表会拖得很长,不忍直视(默认会显示20个)。

我想控制select中的option显示的个数,例如:只显示5个,其余的通过滚动条来控制显示。

经过反复折腾,发现直接操作select标签无法达到目的,于是改换策略,用input标签和ul标签来模拟select标签。

效果图:

 

Demo下载

posted on 2014-07-28 16:16  Flare-Moon  阅读(4701)  评论(0编辑  收藏  举报