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" <code class="js plain">size=</code><code class="js string">"20"</code> <code class="js plain">value=</code><code class="js string">"Can't submit this!"</code>> 
  <input type="Submit" <code class="js plain">value=</code><code class="js string">"Submit"</code> <code class="js plain">name=</code><code class="js string">"B1"</code> <code class="js plain">disabled=</code><code class="js string">"disabled"</code>> 
</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 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