首页 > 代码库 > select标签中怎样控制option的显示数量

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

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

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

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

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

  效果:

 

 

  Demo下载