Propiedad disabled de opción

Objeto Option del DOM HTML

Definición y uso

disabled Establecer o devolver si debe deshabilitar la opción de la lista desplegable.

Los elementos deshabilitados no están disponibles y no se pueden hacer clic. Por defecto, los elementos deshabilitados se muestran generalmente en gris en el navegador.

Vea también:

Manual de HTML:Atributo disabled del <option> de HTML

Manual de HTML:Etiqueta <option> de HTML

Ejemplo

Ejemplo 1

Deshabilitar la tercera opción de la lista desplegable (índice 2):

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

Prueba por tu cuenta

Ejemplo 2

Verifica si la segunda opción de la lista desplegable (índice 1) está deshabilitada:

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

Prueba por tu cuenta

Sintaxis

Devolver la propiedad disabled:

opcionObject.disabled

Configurar la propiedad disabled:

opcionObject.disabled = true|false

Valor del atributo

Valor Descripción
true|false

Define si debe deshabilitar la opción en la lista desplegable.

  • true - La opción está deshabilitada
  • false - predeterminado. La opción no está deshabilitada

Detalles técnicos

Valor devuelto: Booleano, devuelve true si la opción está deshabilitada; de lo contrario, devuelve false.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Objeto Option del DOM HTML