Объект select и массив options

Объект select отображается как простой или ниспадающий список и является элементом формы, определенной в HTML-документе. Элементам списка, заданного в объекте select, соответствует массив options. Объекты select представляют собой свйства объекта form, в то время как массив options является свойством объекта select.

Какое пиво лучше? Жигулевское Очаковское Бочкарев Балтика

Подобные меню можно часто увидеть для навигации по сайту например.

Синтаксис тега <select>

<select name="selectName"
[size="integer"]
[multiple]
[OnBlur="handlerText"]
[OnChange="handlerText"]
[OnFocus="handlerText"]>
<option value="optionValue" [selected]> textToDisplay
</select>

Атрибут name задает имя объекта select, который имеет одноименное свойство. Значением атрибута size является количествоо стрк, отображаемых в списке, хотя содержаться может больше. С помощью атрибута multiple можно выбрать несколько элементов списка. Для ниспадающих списков атрибуты size и multiple не определяются.
Контейнер <select> . . . </select> не используется без тегов <option>, поскольку эти эти теги задают элементы списка. Количество элементов в списке не ограничивается. Атрибут value тега <option>представляет значение, которое пересылается серверу при передачи формы. Атрибуту value сооответствует свойство объекта select с таким же именем. Список может содержать элементы, выбранные по умолчанию, что задается при поомощи атрибута selected. В программе на JavaScript элементы, выбранные по умолчанию, определяются значением свойства defaultSelected объекта option. Текст для элементов списка необхдимо задать в строке textToDisplay. Кроме того, каждому элементу списка соответствует конкретноое значение, устанавливаемое в атрибуте value тега <option>. Для обращения к свойствам и методам объекта selectиспользуются выражения типа:

• selectName.propertyName
• selectName.methodName(parameters)
• formName.elements[i].propertyName
• tformName.elements[i].methodName(parameters)

где selectName- имя объекта select, заданное в атрибуте name тега <select>, а formName- имя формы, элементом которой является объект select.
К отдельным элементам списка, определенного в объекте select, можно обратиться при помощи массива optionsили массива elements, используя выражения вида:

• selectName.options[i].propertyName
• formName.elements[i].options[index].propertyName

где selectName- имя, заданное в атрибуте name тега <select>, а formName- имя формы, в которой определен данный объект select.