Exemplo
Descobrir quantas opções existem em um determinado <datalist> elemento:
var x = document.getElementById("browsers").options.length;O resultado x será:
5 Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A coleção de opções retorna uma coleção de todas as opções em um <datalist> elemento.
Note: Os elementos na coleção são classificadas como eles aparecem no código-fonte.
Suporte navegador
| Coleção | |||||
|---|---|---|---|---|---|
| options | sim | 10.0 | sim | sim | sim |
Sintaxe
datalistObject .optionspropriedades
| Propriedade | Descrição |
|---|---|
| length | Retorna o número de <option> elementos na coleção. Nota: Esta propriedade é somente leitura |
Métodos
| Método | Descrição |
|---|---|
| [ index ] | Retorna o <option> elemento da coleção com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
| item( index ) | Retorna o <option> elemento da coleção com o índice especificado (starts at 0) . Nota: Retorna null se o número de índice está fora do intervalo |
| namedItem( id ) | Retorna o <option> elemento da coleção com o especificado id. Nota: Retorna null se o id não existe |
Detalhes técnicos
| DOM Versão: | Núcleo Nível Objeto 2 Documento |
|---|---|
| Valor de retorno: | Um objeto HTMLCollection, representando todos <option> elementos no <datalist> elemento. Os elementos na coleção são classificadas como eles aparecem no código fonte |
mais Exemplos
Exemplo
[Índice]
Obter o valor da primeira opção (index 0) em um datalist:
var x = document.getElementById("browsers").options[0].value;O resultado x será:
Internet Explorer Tente você mesmo " Exemplo
item( index )
Obter o valor da primeira opção (index 0) em um datalist:
var x = document.getElementById("browsers").options.item(0).value;O resultado x será:
Internet Explorer Tente você mesmo " Exemplo
namedItem( name_or_id )
Obter o valor da opção com id = "google" em um datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;O resultado x será:
Chrome Tente você mesmo " Exemplo
Loop através de todas as opções em um datalist e de saída os valores de opção:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0;
i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}O resultado do txt será:
Internet Explorer
Firefox
Chrome
Opera
Safari Tente você mesmo " <Datalist Objeto