在select中,載入時默認select為空白,選項內不顯示空白項


有兩種辦法,一種純css實現,一種借助js實現。

html:

<body onload="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>  

純css在ie8下 會有些問題 ,默認雖然是不顯示,但下拉的時候回有第一個option 為空,但顯示


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM