HTMLSelectElement.disabled

The HTMLSelectElement.disabled Is a Boolean that reflects the disabled HTML attribute, which indicates whether the control is disabled. If it is disabled, it does not accept clicks. A disabled element is unusable and un-clickable.

Syntax

aSelectElement.disabled = aBool;

Example

HTML

<form>
  <input type="text" size="20" value="Can't submit this!"> 
  <input type="Submit" value="Submit" name="B1" disabled="disabled"> 
</form>

Javascript

Here we have a simple function which disables/enables select element when checkbox is checked/unchecked. The disabled property of JavaScript is a Boolean property, meaning it can only take two possible values: "true", or "false". By knowing this, you basically know how to manipulate the disabled attribute — disabling and re-enabling a form element at will.

function toggleSelection( element, scope ){
    scope = scope ||this;if(scope.checked){
        $(element.data).attr('disabled','disabled');}else{
        $(element.data).removeAttr('disabled');}}

Specifications

Browser compatibility