原生 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刪除。