São os campos que permitem que o usuário selecione opções a partir de uma lista.
Estes elementos podem ser criados pela tag <select> e suas respectivas opções criadas pela tag <option>.
Propriedades: |
|
name
|
- |
nome associado ao elemento através do atributo name da tag html
|
|
type
|
- |
tipo associado ao elemento através do atributo type da tag html
|
|
form
|
- |
referência para o formulário que contêm o elemento.
|
|
length
|
- |
número de opções da lista
|
|
options[],
|
- |
array com as opções. Cada elemento referencia um objeto option.
|
|
selectedIndex
|
- |
índice da opção atualmente selecionada. Se for uma lista de seleção múltipla, é o índice da primeira seleção.
|
|
|
Métodos: |
|
focus()
|
- |
coloca o elemento ativo (em foco)
|
|
blur()
|
- |
coloca o elemento inativo (remove o foco)
|
|
|
Eventos: |
|
onFocus
|
- |
ocorre quando o elemento recebe o foco
|
|
onBlur
|
- |
ocorre quando o elemento perde o foco
|
|
onChange
|
- |
ocorre quando o elemento perde o foco e foi modificado
|
|
|
Opções
Propriedades: |
|
value
|
- |
reflete o atributo value da opção
|
|
text
|
- |
reflete o texto da opção que aparece dentro da caixa de seleção
|
|
selected
|
- |
valor lógico que indica se a opção está selecionada
|
|
defaultSelected
|
- |
valor lógico que indica se a opção estava originalmente selecionada
|
|
index
|
- |
índice da opção alocado seqüencialmente (o primeiro está na posição 0)
|
|
|
Para obter uma opção selecionada através do elemento select podemos usar as seguintes referências:
<form name='f'>
Estado:
<select name="estado">
<option value=""></option>
<option value="RJ">Rio de Janeiro</option>
<option value="SP">São Paulo</option>
<option value="MG">Minas Gerais</option>
</select>
</form>
<script>
// Índice do elemento selecionado:
indice= document.f.estado.selectedIndex
// Valor do elemento selecionado:
valor = document.f.estado.options[indice].value
</script>