Datalist optionsКоллекция
Объект DatalistПример
Перебрать все options элемента управления datalist и вывести значения options:
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>";
}
txtРезультат вывода:
Internet Explorer
Firefox
Chrome
Opera
Safari
Firefox
Chrome
Opera
Safari
Попробуйте сами »
Определение и использование
Коллекция options возвращает коллекцию всех options в datalist.
Примечание:Элементы в коллекции сортируются в соответствии с их положением в коде.
Поддержка браузеров
Все основные браузеры поддерживают коллекцию options.
Синтаксис
datalistObject.options
Свойства
| Свойство | Описание |
|---|---|
| length | Возвращает количество элементов option в коллекции. |
Методы
| Метод | Описание |
|---|---|
| [index] | Целое число, задающее извлекаемый элемент (нумерация начинается с 0). |
| item(index) | Возвращает элемент с указанным индексом из коллекции (нумерация начинается с 0). |
| namedItem(name_or_id) | Возвращает элемент из коллекции с указанным именем (атрибут name или id). |
Другие примеры
Пример
Отобразить количество элементов datalist:
var x = document.getElementById("browsers").options.length;
xРезультат вывода:
5
Попробуйте сами »
Пример
[index]
Вернуть значение первой опции (индекс 0) в datalist:
var x = document.getElementById("browsers").options[0].value;
xРезультат вывода:
Internet Explorer
Попробуйте сами »
Пример
item(index)
Вернуть значение первой опции (индекс 0) в datalist:
var x = document.getElementById("browsers").options.item(0).value;
xРезультат вывода:
Internet Explorer
Попробуйте сами »
Пример
namedItem(name_or_id)
Возвращает значение элемента option с id="google" в datalist:
var x = document.getElementById("browsers").options.namedItem("google").value;
xРезультат вывода:
Chrome
Попробуйте сами »
Другие расширения