Ejemplo
Averiguar la cantidad de opciones que hay en un determinado <datalist> elemento:
var x = document.getElementById("browsers").options.length;El resultado de x será:
5 Inténtalo tú mismo " Más "Try it Yourself" ejemplos a continuación.
Definición y Uso
La colección de opciones devuelve una colección de todas las opciones en un <datalist> elemento.
Note: Los elementos de la colección están ordenados como aparecen en el código fuente.
Soporte del navegador
| Colección | |||||
|---|---|---|---|---|---|
| options | Sí | 10.0 | Sí | Sí | Sí |
Sintaxis
datalistObject .optionspropiedades
| Propiedad | Descripción |
|---|---|
| length | Devuelve el número de <option> elementos de la colección. Nota: Esta propiedad es de sólo lectura |
métodos
| Método | Descripción |
|---|---|
| [ index ] | Devuelve el <option> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| item( index ) | Devuelve el <option> elemento de la colección con el índice especificado (starts at 0) . Nota: Devuelve un valor nulo si el número de índice está fuera de rango |
| namedItem( id ) | Devuelve el <option> elemento de la colección con el id especificado. Nota: Devuelve un valor nulo si el identificador no existe |
Detalles técnicos
| DOM Versión: | Nivel básico Objeto Documento 2 |
|---|---|
| Valor de retorno: | Un Objeto HTMLCollection, que representa a todos <option> elementos en el <datalist> elemento. Los elementos de la colección están ordenados como aparecen en el código fuente |
Más ejemplos
Ejemplo
[Índice]
Obtener el valor de la primera opción (index 0) en una lista de datos:
var x = document.getElementById("browsers").options[0].value;El resultado de x será:
Internet Explorer Inténtalo tú mismo " Ejemplo
item( index )
Obtener el valor de la primera opción (index 0) en una lista de datos:
var x = document.getElementById("browsers").options.item(0).value;El resultado de x será:
Internet Explorer Inténtalo tú mismo " Ejemplo
namedItem( name_or_id )
Obtener el valor de la opción con id = "google" en una lista de datos:
var x = document.getElementById("browsers").options.namedItem("google").value;El resultado de x será:
Chrome Inténtalo tú mismo " Ejemplo
Loop a todas las opciones en una lista de datos, e imprimir los valores de opción:
var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0;
i < x.options.length; i++) {
txt = txt + x.options[i].value + "<br>";
}El resultado de txt será:
Internet Explorer
Firefox
Chrome
Opera
Safari Inténtalo tú mismo " <Datalist que Object