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

Edit

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

Specification Status Comment
HTML Living Standard
The definition of 'disable' in that specification.
Living Standard  
HTML5
The definition of 'HTMLSelectElement' in that specification.
Recommendation Initial definition, snapshot of HTML Living Standard.

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support Yes Yes Yes99 Yes
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes Yes Yes Yes ? Yes ?

Document Tags and Contributors

Last updated by: sideshowbarker,