html里select怎么设置和取消disabled

最新推荐文章于 2023-07-10 08:13:35 发布

ShangQuan2012

最新推荐文章于 2023-07-10 08:13:35 发布

阅读量1.1w

点赞数

本文链接：https://blog.csdn.net/shangquan2012/article/details/52524349

版权

     很多人都认为设置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()
  {
  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" οnclick="disable()" value="Disable list">
<input type="button" οnclick="enable()" value="Enable list">
</form>

</body>
</html>