原生 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自动展开。完美。

posted @ 2021-12-07 10:46  Regina_wisdom  阅读(1978)  评论(1编辑  收藏  举报