Por Eugenia Bahit
15.1 SELECT: Propriedades principais
| propriedade | descrição |
|
name |
Nome do select |
| size | Estabelece a quantidade de opções que à primeira vista se verão no select |
| option | É a principal propriedade já que permite acessar a cada opção do select. |
| disabled |
Se seu valor for "true", bloqueia o select e não permite realizar nenhum tipo de seleção. Se seu valor for "false" neutraliza o efeito anterior. |
| multiple | Permite ao usuário selecionar mais de uma opção (mediante a tecla Ctrl) |
| type | Informa se o select é do tipo múltiplo ou simples. |
15.2 SELECT: Sintaxe básica
<select name="nome" size="3" múltiplo>
<option value="valor 1">Texto de opção 1</option>
<option value="valor 2" selected>Texto de opção 2</option>
<option value="valor 3">Texto de opção 3</option>
<option value="valor 4">Texto de opção 4</option>
</select>
Mostra (seleção múltipla):
Mantendo apertada a tecla Ctrl (control) pode-se selecionar mais de uma opção
Mostra (seleção simples):
valor de size "3"
valor de size "1"
Só se pode selecionar uma opção em qualquer dos dois casos
15.3 SELECT: Métodos do objeto
| método | descrição |
|
focus |
Coloca o foco no select |
15.4 SELECT: Eventos do objeto
| evento | descrição |
|
onFocus |
Produz-se ao colocar o foco no select |
| onBlur | Produz-se ao abandonar o select (ao tirar o foco) |
| onChange | Produz-se ao realizar uma mudança de seleção |
15.5 OPTION: Propriedades principais
| propriedade | descrição |
|
value |
Valor associado a cada opção do select. É invisível ao usuário, porém é o valor que se envia junto ao formulário. |
| text | É o texto que vê o usuário que se encontra contido entre as etiquetas <option> e </option> |
| selected | Indica se uma opção está selecionada. |
| selectedIndex | Dá acesso à opção (option) que selecionou o usuário. |
| index | Assim como em form, ou checkbox, este array contem todas as opções pertencentes a um select e também começa por 0. |
| length | Conta a quantidade de opções (option) que conformam um select |
15.6 OPTION: Métodos e eventos
O objeto option não possui métodos nem eventos próprios.
15.7 Sintaxe básica geral: chamando às propriedades
Na seguinte lista veremos a forma correta de chamar a cada propriedade em ambos objetos.
| PROPRIEDADE | OBJETO | SINTAXE |
| name | SELECT | nome_formulario.nome_select.name |
| size | SELECT | nome_formulario.nome_select.size |
| option | SELECT |
nome_formulario.nome_select.options[index] Refere-se a uma opção específica
formulario.select.options[formulario.select.selectedIndex].propriedade Refere-se à opção selecionada pelo usuário |
| disabled | SELECT |
nome_formulario.nome_select.disabled = true/false |
| multiple | SELECT | nome_formulario.nome_select.multiple = true/false |
| type | SELECT | nome_formulario.nome_select.type |
| value | OPTION |
nome_formulario.nome_select.options[index].value Refere-se a uma opção específica
formulario.select.options[formulario.select.selectedIndex].value Refere-se à opção selecionada pelo usuário |
| text | OPTION | nome_formulario.nome_select.options[index].text |
| selected | OPTION |
nome_formulario.nome_select.options[index].selected = true/false |
| selectedIndex | OPTION | formulario.select.options[formulario.select.selectedIndex].propriedade |
| index | OPTION | nome_formulario.nome_select.options[index] |
| length | OPTION | nome_formulario.nome_select.options.length |
15.8 O construtor new Option
Este construtor nos permite introduzir novas opções dentro de um select. Sua sintaxe básica é a seguinte:
variable = new Option("text","value","defaultSelected","selected")
Para introduzir esta nova opção em um select se deve usar a seguinte sintaxe:
nome_formulario.nome_select.options[index] = variable
Para eliminar uma opção existente de um select a sintaxe é a seguinte:
nome_formulario.nome_select.options[index] = null
 | Dúvida Por: iurijanmichel | 15/9/09 |
