HTML-элементы
Все объекты представляющие непосредственно HTML-элементы помимо собственных свойств и методов также наследуют свойства и методы от объекта Element
, Node
и HTMLElement
.
HTMLSelectElement
HTMLSelectElement
– это объект представляющий элемент <select>.
Свойства
HTMLSelectElement.options
– возвращает объектHTMLOptionsCollection
содержащий коллекцию элементов <option> расположенных внутри элемента <select>.HTMLOptionsCollection
– это объект содержащий коллекцию элементов <option> расположенных внутри элемента <select>. Элементы расположены в том порядке, в котором они указаны в коде. Каждый элемент коллекции является объектом HTMLOptionElement.Обратиться к элементу <option> можно по индексу (нумерация элементов начинается с нуля).
HTMLSelectElement.selectedIndex
– возвращает индекс выбранного элемента <option>. Нумерация элементов начинается с нуля.
Пример
<select> <option>один</option> <option selected>два</option> </select> <script> var sel = document.querySelector("select"); alert("Значение выбранного элемента <option>: " + sel.options[sel.selectedIndex].value); </script>
HTMLOptionElement
HTMLOptionElement
– это объект представляющий элемент <option>.
Свойства
HTMLOptionElement.value
– возвращает значение атрибутаvalue
, если он есть, в противном случае возвращает значение свойстваNode.textContent
.HTMLOptionElement.text
– возвращает текстовое содержимое элемента (значение свойстваNode.textContent
).
Пример
<select> <option>один</option> <option selected>два</option> </select> <script> var sel = document.querySelector("select"); alert("Значение выбранного элемента <option>: " + sel.options[sel.selectedIndex].text); </script>