Option disabled Property

Disable the third option (index 2) in a drop-down list:

document.getElementById("pets").options[2].disabled = true;

Description

The disabled property sets or returns whether an option in a drop-down list should be disabled, or not.

A disabled element is unusable and un-clickable. Disabled elements are usually rendered in gray by default in browsers.

Property
disabled	Yes	Yes	Yes	Yes	Yes

Return the disabled property:

optionObject.disabled

Set the disabled property:

optionObject.disabled = true|false

Value	Description
true\|false	Specifies whether an option in a drop-down list should be disabled or not. true - The option is disabled false - Default. The option is not disabled

Return Value:	A Boolean, returns true if the option is disabled, otherwise it returns false

Find out if the second option (index 1) in a drop-down list is disabled or not:

var x = document.getElementById("pets").options[1].disabled;