Coleção de opções da lista de dados
Exemplo
Descubra quantas opções existem em um elemento <datalist> específico:
var x = document.getElementById("browsers").options.length;
O resultado de x será:
5
Mais exemplos de "Experimente você mesmo" abaixo.
Definição e uso
A coleção de opções retorna uma coleção de todas as opções em um elemento <datalist>.
Observação: os elementos da coleção são classificados conforme aparecem no código-fonte.
Suporte ao navegador
Collection | |||||
---|---|---|---|---|---|
options | Yes | 10.0 | Yes | Yes | Yes |
Sintaxe
datalistObject.options
Propriedades
Property | Description |
---|---|
length | Returns the number of <option> elements in the collection. Note: This property is read-only |
Métodos
Method | Description |
---|---|
[index] | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
item(index) | Returns the <option> element from the collection with the specified index (starts at 0). Note: Returns null if the index number is out of range |
namedItem(id) | Returns the <option> element from the collection with the specified id. Note: Returns null if the id does not exist |
Detalhes técnicos
Versão DOM: | Objeto de documento de nível 2 principal |
---|---|
Valor de retorno: | Um objeto HTMLCollection, representando todos os elementos <option> no elemento <datalist>. Os elementos da coleção são classificados conforme aparecem no código-fonte |
Mais exemplos
Exemplo
[ índice ]
Obtenha o valor da primeira opção (índice 0) em uma lista de dados:
var x = document.getElementById("browsers").options[0].value;
O resultado de x será:
Internet Explorer
Exemplo
item ( índice )
Obtenha o valor da primeira opção (índice 0) em uma lista de dados:
var x = document.getElementById("browsers").options.item(0).value;
O resultado de x será:
Internet Explorer
Exemplo
namedItem( name_or_id )
Obtenha o valor da opção com id="google" em uma lista de dados:
var x = document.getElementById("browsers").options.namedItem("google").value;
O resultado de x será:
Chrome
Exemplo
Percorra todas as opções em uma lista de dados e produza os valores das opções:
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
❮ Objeto Datalist