Propriedade disabled de opção

Objeto Option DOM HTML

Definição e uso

disabled Propriedade para definir ou retornar se a opção da lista suspensa deve estar desativada.

Os elementos desativados não estão disponíveis e não podem ser clicados. Pelo padrão, os elementos desativados são geralmente exibidos em cinza no navegador.

Veja também:

Manual HTML:Atributo disabled do <option> do HTML

Manual HTML:Tag <option> do HTML

Exemplo

Exemplo 1

Desative a terceira opção da lista suspensa (índice 2):

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

Experimente você mesmo

Exemplo 2

Verifique se a segunda opção da lista suspensa (índice 1) está desativada:

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

Experimente você mesmo

Sintaxe

Retornar propriedade disabled:

optionObject.disabled

Definir propriedade disabled:

optionObject.disabled = true|false

Valor do atributo

Valor Descrição
true|false

Define se a opção deve ser desativada na lista suspensa.

  • true - a opção está desativada
  • false - padrão. A opção não está desativada

Detalhes técnicos

Retorno: Booleano, retorna true se a opção estiver desativada; caso contrário, retorna false.

Suporte ao navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte

Objeto Option DOM HTML