原生 select 怎么能一进入页面默认展开呢?


有个需求需要直接展开默认的select options, 而不是点击下select, option才会展开
本来想着手动调用下click, 应该可以实现,结果啪啪打脸,click并没有将select展开。

网上搜寻了一番,发现select 竟然有个size属性。size 属性规定下拉列表中可见选项的数目。
所以测试了一下:

const select = document.getElementById("selectId");
select.addEventListener("focus", () => {``
    select.size = options.length;
});
select.focus();

结果真的实现了一进页面select option自动展开。完美。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。