碼上快樂
1秒登錄
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
原生js 讓
下拉框自動展開 可用size 屬性來代替展開動作 本文轉載自 查看原文 2020-10-29 18:27 1498 Vue/ JS 找遍全網都沒一個比較好的例子！！！ 什么獲得焦點事件，或者添加一個點擊事件都不能使下拉框自動展開 最后用<select>標簽的siz屬性 定義和用法 size 屬性規定下拉列表中可見選項的數目。 如果 size 屬性的值大於 1，但是小於列表中選項的總數目，瀏覽器會顯示出滾動條，表示可以查看更多選項。 實踐效果： 1.點擊提交按鈕，下拉框未選，但是要給下拉框一個聚焦事件 let select = document.getElementById('xxx')select.focus()//聚焦 2.聚焦之后下框是不會自動展開的，查看資料沒有屬性，也沒有支持的方法，網上說可以用sizes屬性來代替下拉框的展開動作 select.setAttribute("size",select.options.length); // 設置 3.展開效果出來了，但是你選中之后，下拉框並不會關閉展開項 4.所以你還要在選中之后添加一個事件來把它的size屬性變為0，這樣就可以關閉展開項 5.HTML+vue <select @change="recoverSize" class="span_blue_select" id="freightType" > recoverSize : function () { document.getElementById('freightType').setAttribute("size", 0)// 設置} × 免責聲明！ 本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。 猜您在找 select下拉單 設置multiple屬性確定展開 size屬性確定展開數 css之實現下拉框自上而下展開動畫效果&&自下而上收起動畫效果 【Qt】QCombox的下拉框如何向上展開 office 2016 for mac 下拉框 無法展開問題 原生JS實現下拉框自動選擇 JS模擬下拉框select CSS實現展開動畫 js控制日期選擇框datetime-local和select的展開 下拉框、下拉控件之Select2。自動補全的使用 js&jquery 獲取select下拉框的值、文本內容、自定義屬性 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
