JS获取select标签中option的个数

<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的事件,并修改样式。

如果想要实现完整的功能,还需要自己去添加。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

laizhixue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值