Введение в JavaScript

Списки и выпадающие меню


В данном случае речь пойдет о выпадающих меню в контексте форм, а не в контексте слоев и технологии CSS.

Одним из важных элементов интерфейса пользователя является меню. В HTML-формах для реализации меню используются поля типа select (контейнер SELECT, который, в свою очередь, вмещают в себя контейнеры OPTION). Эти поля представляют собой списки вариантов выбора. При этом список может "выпадать" или прокручиваться внутри окна. Поля типа select позволяют выбрать из списка только один вариант, либо отметить несколько вариантов. Для управления полями типа select в JavaScript существуют объекты Select и Option.

Эти объекты характеризуются следующими свойствами, методами и событиями:

Объект SelectСвойстваМетодыСобытия

  • form
  • length
  • name
  • options[]
  • selectedIndex
  • type

  • blur()
  • click()
  • focus()

  • onBlur
  • onChange
  • onFocus

Объект OptionСвойстваМетодыСобытия

  • defaultSelected
  • index
  • selected
  • text
  • selectedIndex
  • value

нетнет

Мы не будем описывать все свойства, методы и события этих двух объектов. Остановимся только на типичных способах применения их комбинаций. Несмотря на то, что объект Option в нашей таблице находится ниже, что отражает его подчиненное по отношению к Select положение, начнем с описания его свойств и особенностей.



Содержание раздела