Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

DataList опции Коллекция

<Объект DataList

пример

Узнайте, сколько вариантов есть в определенном <datalist> элемента:

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

В результате х будет:

5
Попробуй сам "

Больше "Try it Yourself" примеры ниже.

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

Коллекция вариантов возвращает коллекцию всех опций в <datalist> элемента.

Note: Элементы коллекции сортируются , как они появляются в исходном коде.

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

Коллекция
options да 10,0 да да да

Синтаксис

datalistObject .options

свойства

Имущество Описание
length Возвращает число <option> элементов в коллекции.

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

методы

метод Описание
[ index ] Возвращает <option> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
item( index ) Возвращает <option> элемент из коллекции с указанным индексом (starts at 0) .

Примечание: Возвращает пустое значение , если индекс находится вне диапазона
namedItem( id ) Возвращает <option> элемент из коллекции с указанным идентификатором.

Примечание: возвращает нулевое значение , если идентификатор не существует

Технические подробности

DOM Версия: Базовый уровень Объект 2 документа
Возвращаемое значение: HTMLCollection Объект, представляющий все <option> элементы в <datalist> элемента. Элементы коллекции сортируются, как они появляются в исходном коде
Примеры

Еще примеры

пример

[Индекс]

Получить значение первого варианта (index 0) в DataList:

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

В результате х будет:

Internet Explorer
Попробуй сам "

пример

item( index )

Получить значение первого варианта (index 0) в DataList:

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

В результате х будет:

Internet Explorer
Попробуй сам "

пример

namedItem( name_or_id )

Получить значение параметра с идентификатором = «Google» в DataList:

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

В результате х будет:

Chrome
Попробуй сам "

пример

Перебрать все варианты в DataList, и выходные значения опций:

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