在select中,载入时默认select为空白,选项内不显示空白项

今天做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置于第一行即可。





评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值