您的位置:首页 > Web前端 > JavaScript

JS获取select标签中option的个数

2018-03-30 14:20 621 查看
<select id="status" onmousedown="if (this.options.length> 3) this.size=3;" onchange="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的事件,并修改样式。
如果想要实现完整的功能,还需要自己去添加。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: