轉自：https://blog.csdn.net/wzj2584454/article/details/60874919/
今天做select的時候，頁面要求為：載入默認選項框為空白，點擊下拉框顯示正常選項。
找了半天 有兩種辦法，一種純css實現，一種借助js實現。
先說js的辦法吧。
html：
<body οnlοad="load()">
<select id="abc" >
<option >1</option>
<option >2</option>
<option >3</option>
<option >4</option>
</select>
</body>
js：
<script>
function load()
{
var x = document.getElementById("abc");
x.selectedIndex = -1;
}
</script>
實測成功。
純css的方法：
<option selected="selected" disabled="disabled" style='display: none' value=''></option>
上面的option置於第一行即可。
————————————————
版權聲明：本文為CSDN博主「Casanover」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/wzj2584454/java/article/details/60874919