<select id="status" οnmοusedοwn="if (this.options.length> 3) this.size=3;" οnchange="this.size=0" >
<option value="0">待审核</option>
<option value="1">未通过审核</option>
<option value="2">制作中</option>
<option value="3">制作完成</option>
<option value="4">发布</option>
<option value="5">暂停</option>
<option value="6">删除</option>
</select>
通过: this.options.length 就可以获取到。
this.size可以限制select显示option的个数,如果超出该范围会出现可滚动,如overflow:auto行间样式的效果。
使用this.size之后,select默认的样式就会被修改,则可以自己添加option的事件,并修改样式。
如果想要实现完整的功能,还需要自己去添加。