Клиентский JavaScript. Справочник

         

объект для каждого тэга SELECT


Обычно Вы работаете с объектами Option в контексте списка выбора/selection list (объект Select). Когда JavaScript создаёт Select- объект для каждого тэга SELECT в документе, он создаёт Option-объекты для тэгов OPTION внутри тэга SELECT и помещает эти объекты в массив options объекта Select.
Кроме того, Вы можете создавать новые опции, используя конструктор Option, и добавлять эти опции в список выбора. После создания опции и добавления её в Select-объект, Вы обязаны обновить документ, используя history.go(0). Этот оператор обязан быть последним. При перезагрузке документа переменные теряются, если они не сохранены в куках или значениях элементов формы.
Вы можете использовать свойства Option.selected и Select.selectedIndex для изменения статуса выбора опции.
  • Свойство Select.selectedIndex это целое число, специфицирующее индекс выбранной опции. Оно чаще всего используется в Select-объектах, которые созданы без атрибута MULTIPLE. Следующий оператор устанавливает свойство selectedIndex объекта Select:
  • document.myForm.musicTypes.selectedIndex = i
  • Свойство Option.selected это Булево значение, специфицирующее текущий статус выбора опции Select-объекта. Если опция выбрана, её свойство selected имеет значение true; иначе - false. Это чаще всего используется в Select-объектах, созданных с атрибутом MULTIPLE. Следующий оператор устанавливает свойство selected опции в true:
  • document.myForm.musicTypes.options[i].selected = true
Для изменения текста опции используйте свойство Option.text. Например, форма имеет следующий Select-объект:
<SELECT name="userChoice">
   <OPTION>Choice 1
   <OPTION>Choice 2
   <OPTION>Choice 3
</SELECT> Вы можете установить текст элемента iй на основе текста, введённого в текстовое поле whatsNew:
myform.userChoice.options[i].text = myform.whatsNew.value Вам не нужно перезагружать или обновлять документ после изменения текста опции.

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