Colección de opciones de lista de datos
Ejemplo
Averigüe cuántas opciones hay en un elemento <datalist> específico:
var x = document.getElementById("browsers").options.length;
El resultado de x será:
5
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
La colección de opciones devuelve una colección de todas las opciones en un elemento <datalist>.
Nota: Los elementos de la colección se ordenan tal como aparecen en el código fuente.
Compatibilidad con navegador
| Collection | |||||
|---|---|---|---|---|---|
| options | Yes | 10.0 | Yes | Yes | Yes |
Sintaxis
datalistObject.options
Propiedades
| 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 |
Detalles técnicos
| Versión DOM: | Objeto de documento básico de nivel 2 |
|---|---|
| Valor de retorno: | Un objeto HTMLCollection, que representa todos los elementos <option> en el elemento <datalist>. Los elementos de la colección se ordenan tal como aparecen en el código fuente. |
Más ejemplos
Ejemplo
[ índice ]
Obtenga el valor de la primera opción (índice 0) en una lista de datos:
var x = document.getElementById("browsers").options[0].value;
El resultado de x será:
Internet Explorer
Ejemplo
artículo ( índice )
Obtenga el valor de la primera opción (índice 0) en una lista de datos:
var x = document.getElementById("browsers").options.item(0).value;
El resultado de x será:
Internet Explorer
Ejemplo
elemento con nombre ( nombre_o_id )
Obtenga 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
Ejemplo
Recorra todas las opciones en una lista de datos y genere los valores de las opciones:
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
❮ Objeto de lista de datos