Prop Select Disabled

📅 2026-06-13 | 📂 JavaScript

HTML DOM Select disabled Property .lookup { width: 340px; margin: 0 auto; } form { background: #f5f5f5; padding: 20px; }

JavaScript Reference Manual
Overview

HTML DOM Select disabled Property

Select object

Definition and Usage

The disabled property sets or returns whether a dropdown list should be disabled.

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

This property reflects the HTML disabled attribute.

Syntax

Return the disabled property:

selectObject.disabled

Set the disabled property:

selectObject.disabled = true|false

Property Values

Value	Description
true\|false	Specifies whether a dropdown list should be disabled. true - The dropdown list is disabled false - Default. The dropdown list is not disabled

Return Value

Type	Description
Boolean	Returns true if the dropdown list is disabled, otherwise returns false.

Example

Disable the dropdown list:

Example

In this example, we disable the dropdown list:

<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>

<script>
document.getElementById("mySelect").disabled = true;
</script>

Try it »