коллекция опций Datalist

Объект Datalist DOM HTML

определение и использование

options Набор возвращает <datalist> элемент списка всех элементов

Комментарий:Элементы набора сортируются по порядку их的出现 в исходном коде.

См. также:

HTML справочник:Тег <datalist> HTML

HTML справочник:Тег <option> HTML

Пример

Пример 1

Определяет количество элементов в указанном <datalist>.

var x = document.getElementById("browsers").options.length;

Попробуйте сами

Результат x будет:

5

Совет:Более сложные примеры предоставлены в нижней части страницы.

Синтаксис

datalistObject.options

Свойство

Свойство Описание
length

Возвращает количество элементов в наборе <option>.

Комментарий:Эта свойство является только для чтения.

Метод

Метод Описание
[index]

Из набора возвращает элемент <option> с указанным индексом (начиная с 0).

Комментарий:Если номер индекса выходит за пределы диапазона, возвращает null.
item(index)

Из набора возвращает элемент <option> с указанным индексом (начиная с 0).

Комментарий:Если номер индекса выходит за пределы диапазона, возвращает null.
namedItem(id)

с указанным id из набора возвращается элемент <option>.

Комментарий:Если id Если элемент не существует, возвращает null.

Технические детали

Версия DOM: Core Level 2 Document Object
Возвратное значение:

Объект HTMLCollection, представляющий все элементы <option> элемент.

Элементы набора сортируются по порядку их的出现 в исходном коде.

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка 10.0 Поддержка Поддержка Поддержка

Более сложные примеры

Пример 2: [index]

Получает значение первого элемента списка данных (индекс 0):

var x = document.getElementById("browsers").options[0].value;

Попробуйте сами

Результат x будет:

Internet Explorer

Пример 3: item(index)

Получает значение первого элемента списка данных (индекс 0):

var x = document.getElementById("browsers").options.item(0).value;

Попробуйте сами

Результат x будет:

Internet Explorer

Пример 4: namedItem(name_or_id)

Получает значение элемента с id="google" из списка данных:

var x = document.getElementById("browsers").options.namedItem("google").value;

Попробуйте сами

Результат x будет:

Chrome

Пример 5

Циклически перебирает все элементы списка данных и выводит значения элементов:

var x = document.getElementById("mySelect");
var txt = "";
var i;
for (i = 0; i < x.options.length; i++) {
  txt = txt + x.options[i].value + "<br>";
}

Попробуйте сами

Результат txt будет:

Internet Explorer
Firefox
Chrome
Opera
Safari

Объект Datalist DOM HTML