怎么樣觸發<select>的選項全部自動展開呢?
uj5u.com熱心網友回復:
原生<select>元素無法實作,你用div+ul做個模擬的吧uj5u.com熱心網友回復:
不清楚哦~~~~uj5u.com熱心網友回復:
<select multiple>
<option value="https://bbs.csdn.net/topics/1">1</option>
<option value="https://bbs.csdn.net/topics/2">2</option>
<option value="https://bbs.csdn.net/topics/3">3</option>
</select>
uj5u.com熱心網友回復:
<select id="select1">
<option value="https://bbs.csdn.net/topics/1">1</option>
<option value="https://bbs.csdn.net/topics/2">2</option>
<option value="https://bbs.csdn.net/topics/3">3</option>
</select>
<script>
let $sel1 = document.getElementById("select1")
select1.addEventListener("mousedown", function () {
if (!this.getAttribute("multiple")) this.setAttribute("multiple", true)
}, false)
select1.addEventListener("change", function () {
this.removeAttribute("multiple")
}, false)
select1.addEventListener("mouseleave", function () {
this.removeAttribute("multiple")
}, false)
</script>
uj5u.com熱心網友回復:
原生的好像不行 還是使用Li或者a 模擬一個吧轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/33593.html
標籤:JavaScript
