Objeto Select do HTML DOM

Objeto Select

O objeto Select representa o elemento HTML <select>.

Acessar objeto Select

Você pode usar getElementById() para acessar o elemento <select>：

var x = document.getElementById("mySelect");

Experimente você mesmo

Dica:Você também pode acessar o objeto Select navegando pelo conjunto elements do formulário.

Criar objeto Select

Você pode usar o método document.createElement() para criar um elemento <select>：

var x = document.createElement("SELECT");

Experimente você mesmo

Conjunto do objeto Select

Conjunto Descrição
options Retornar uma coleção de todas as opções da lista suspensa.

Atributos do objeto Select

Atributos Descrição
autofocus Definir ou retornar se a lista suspensa deve obter o foco automaticamente ao carregar a página.
disabled Definir ou retornar se a lista suspensa deve ser desativada.
form Retornar uma referência ao formulário que contém a lista suspensa.
length Retornar o número de elementos <option> na lista suspensa.
multiple Definir ou retornar se é possível selecionar várias opções na lista suspensa.
name Definir ou retornar o valor da propriedade name da lista suspensa.
selectedIndex Definir ou retornar o índice da opção selecionada na lista suspensa.
size Definir ou retornar o valor da propriedade size da lista suspensa.
type Retornar o tipo de elemento de formulário da lista suspensa.
value Definir ou retornar o valor da opção selecionada na lista suspensa.

Métodos do objeto Select

Método Descrição
add() Adicionar opções à lista suspensa.
checkValidity()
remove() Remover opções da lista suspensa.

Atributos e eventos padrão

O objeto Select suporta simultaneamente padrõesAtributoseEventos。

Páginas relacionadas

Tutorial de HTML：Formulário HTML

Manual de referência HTML：Etiqueta <select> do HTML