Datalist optionsColección
Objeto DatalistEjemplo
Recorre todas las opciones del control datalist y muestra sus valores:
var x = document.getElementById("mySelect");
var txt = "";
for (var i = 0; i < x.options.length; i++)
{
txt = txt + x.options[i].value + "<br>";
}
var txt = "";
for (var i = 0; i < x.options.length; i++)
{
txt = txt + x.options[i].value + "<br>";
}
txtEl resultado es:
Internet Explorer
Firefox
Chrome
Opera
Safari
Firefox
Chrome
Opera
Safari
Pruébalo »
Definición y uso
La colección options devuelve una colección con todas las opciones del datalist.
Nota:El orden de los elementos de la colección se basa en la posición de los elementos en el código.
Compatibilidad del navegador
Todos los navegadores principales admiten la colección options.
Sintaxis
datalistObject.options
Propiedades
| Property | Descripción |
|---|---|
| length | Devuelve el número de elementos de opción en la colección. |
Métodos
| Método | Descripción |
|---|---|
| [index] | Un entero que especifica el elemento a recuperar (desde 0). |
| item(index) | Devuelve de la colección el elemento con el índice especificado (desde 0) |
| namedItem(name_or_id) | Devuelve de la colección el elemento con el nombre especificado (atributo name o id). |
Más ejemplos
Ejemplo
Muestra el número de elementos del datalist:
var x = document.getElementById("browsers").options.length;
xEl resultado es:
5
Pruébalo »
Ejemplo
[index]
Devuelve el valor de la primera opción (índice 0) del datalist:
var x = document.getElementById("browsers").options[0].value;
xEl resultado es:
Internet Explorer
Pruébalo »
Ejemplo
item(index)
Devuelve el valor de la primera opción (índice 0) del datalist:
var x = document.getElementById("browsers").options.item(0).value;
xEl resultado es:
Internet Explorer
Pruébalo »
Ejemplo
namedItem(name_or_id)
Devuelve el valor de la opción con id="google" del datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;
xEl resultado es:
Chrome
Pruébalo »
Otras extensiones