html里select怎么设置和取消disabled

最新推荐文章于 2023-02-27 16:24:05 发布

原创最新推荐文章于 2023-02-27 16:24:05 发布 · 1.1w 阅读

2 ·

CC 4.0 BY-SA版权

本文解释了在HTML中如何正确地使用disabled属性来禁用和启用元素，并提供了使用JavaScript进行操作的具体示例。

     很多人都认为设置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>