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 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