您的位置：首页 > Web前端 > HTML

html里select怎么设置和取消disabled

2016-09-13 11:23 399 查看 
很多人都认为设置disabled="true"是为启用，设置为“false”时为禁用，这是错的。只要元素里面设置了disabled=“xxx”不管"xxx"是什么都为禁用。
//两种方法设置disabled属性 
$('#areaSelect').attr("disabled",true); 
$('#areaSelect').attr("disabled","disabled"); 

//三种方法移除disabled属性 
$('#areaSelect').attr("disabled",false); 
$('#areaSelect').removeAttr("disabled"); 
$('#areaSelect').attr("disabled",""); 

<html>
<head>
<script type="text/javascript">
function disable()
{
[code]document.getElementById("mySelect").disabled=true

}
function enable()
{
document.getElementById("mySelect").disabled=false

}
</script>
</head>
<body>

<form>
<select id="mySelect">
<option>Apple</option>
<option>Pear</option>
<option>Banana</option>
<option>Orange</option>
</select>
<br /><br />
<input type="button" onclick="disable()" value="Disable list">
<input type="button" onclick="enable()" value="Enable list">
</form>

</body>
</html>[/code]
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航