HTML-элементы

HTMLSelectElement
HTMLOptionElement

Все объекты представляющие непосредственно 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>