碼上歡樂
首頁
榜單
標簽
關於
搜索
相關內容
簡體
繁體
原生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刪除。 猜您在找 JS模擬下拉框select css之實現下拉框自上而下展開動畫效果&&自下而上收起動畫效果 select下拉單 設置multiple屬性確定展開 size屬性確定展開數 下拉框、下拉控件之Select2。自動補全的使用 Selenium2+python自動化----select下拉框 原生js選中下拉框中指定值 下拉框處理（select） Select下拉框透明 js獲取select下拉框中的值 js改變select下拉框默認選擇的option 粵ICP備18138465號 © 2018-2025 CODEPRJ.COM
