|
|
Книги-onlineOption Оглавление | Назад | Вперёд | Индекс Option
СозданиеКонструктор Option или тэг HTML OPTION. Создание объекта Option конструктором:new Option([text[, value[, defaultSelected[, selected]]]]) После создания Option-объекта вы можете добавлять его в список выбора, используя массив Select.options. Параметры
Свойства. Резюме.
Методы. Резюме.Этот объект наследует методы watch и unwatch из объекта Object. ОписаниеОбычно Вы работаете с объектами Option в контексте списка выбора/selection list (объект Select). Когда JavaScript создаёт Select-объект для каждого тэга SELECT в документе, он создаёт Option-объекты для тэгов OPTION внутри тэга SELECT и помещает эти объекты в массив options объекта Select. Кроме того, Вы можете создавать новые опции, используя конструктор Option, и добавлять эти опции в список выбора. После создания опции и добавления её в Select-объект, Вы обязаны обновить документ, используя history.go(0). Этот оператор обязан быть последним. При перезагрузке документа переменные теряются, если они не сохранены в куках или значениях элементов формы. Вы можете использовать свойства Option.selected и Select.selectedIndex для изменения статуса выбора опции.
document.myForm.musicTypes.selectedIndex = i Для изменения текста опции используйте свойство Option.text. Например, форма имеет следующий Select-объект: <SELECT name="userChoice"> Вы можете установить текст элемента iй на основе текста, введённого в текстовое поле whatsNew: myform.userChoice.options[i].text = myform.whatsNew.value Вам не нужно перезагружать или обновлять документ после изменения текста опции. ПримерСоздаётся два Select-объекта, один с и другой без атрибута MULTIPLE. Никакие опции этих объектов первоначально не определены. Когда пользователь щёлкает кнопку, ассоциированную с Select-объектом, функция populate создаёт 4 опции для Select-объекта и выбирает первую опцию. <SCRIPT> var option0 = new Option("Red", "color_red") for (var i=0; i < 4; i++) { history.go(0) <H3>Select Option() constructor</H3> <HR> defaultSelectedБулево значение, указывающее статус выбора данной опции по умолчанию в списке выбора. БезопасностьJavaScript 1.1. Это свойство запорчено/разрушено по умолчанию. О разрушении данных см. книгу Клиентский JavaScript. Руководство. Описание
Если опция выбрана по умолчанию, значение свойства defaultSelected равно true; иначе - false. Вы можете установить свойство defaultSelected в любое время. Отображение соответствующего Select-объекта не обновляется, когда Вы устанавливаете свойство defaultSelected опции, оно обновляется только при установке свойств Option.selected или Select.selectedIndex. Объект Select, созданный без атрибута MULTIPLE, может иметь выбранной по умолчанию только одну опцию. Если Вы устанавливаете defaultSelected в таком объекте, любые предыдущие установки по умолчанию, включая установки атрибутом SELECTED, очищаются. Если Вы устанавливаете defaultSelected в Select-объекте, созданном с атрибутом MULTIPLE, предыдущие установки выбора не изменяются. ПримерЗдесь функция restoreDefault возвращает объект musicType Select в состояние по умолчанию. Цикл for использует массив options для вычисления каждой опции Select-объекта. Оператор if устанавливает свойство selected, если defaultSelected имеет значение true. function restoreDefault() { В предыдущем примере предполагается, что Select-объект определён примерно так: <SELECT NAME="musicType"> См. такжеOption.selected, Select.selectedIndexindexИндекс с базой 0 элемента в массиве Select.options. ОписаниеСвойство index специфицирует позицию элемента в массиве Select.options, начиная с 0. ПримерЗдесь функция getChoice возвращает значение свойства index выбранной опции. Цикл for вычисляет каждую опцию Select-объекта musicType. Оператор if находит выбранную опцию. function getChoice() { Предполагается, что Select-объект таков: <SELECT NAME="musicType"> Обратите внимание, что можно также определить индекс выбранной опции этого примера путём использования document.musicForm.musicType.selectedIndex. lengthКоличество элементов в массиве Select.options. ОписаниеЗначение этого свойства такое же, что и значение Select.length. ПримерыСм. в Option.index пример для свойства length. selectedБулево значение, указывающее на то, выбрана ли опция Select-объекта. БезопасностьJavaScript 1.1. Это свойство запорчено/разрушено по умолчанию. О разрушении данных см. книгу Клиентский JavaScript. Руководство. ОписаниеЕсли опция Select-объекта выбрана, значение свойства selected опции равно true; иначе - false. Вы можете установить свойство selected в любое время. Вид ассоциированного Select-объекта обновляется сразу после установки свойства selected для одной из его опций. Вообще, свойство Option.selected используется чаще, чем свойство Select.selectedIndex, в Select-объектах, созданных с атрибутом MULTIPLE. С помощью свойства Option.selected Вы можете вычислять каждую опцию массива Select.options для определения множественного выбора, а также можете выбирать отдельные опции без изменения статуса выбора других опций. ПримерыСм. примеры для defaultSelected. См. такжеOption.defaultSelected, Select.selectedIndextextСтрока, специфицирующая текст опции в списке выбора.
БезопасностьJavaScript 1.1. Это свойство запорчено/разрушено по умолчанию. О разрушении данных см. книгу Клиентский JavaScript. Руководство. ОписаниеСвойство text первоначально содержит текст, который идёт после тэга OPTION в тэге SELECT. Вы можете установить свойство text в любое время, и текст, отображаемый опцией в списке выбора, изменится. ПримерыПример 1. Здесь функция getChoice возвращает значение свойства text для выбраной опции. Цикл for вычисляет каждую опцию Select-объекта musicType. Оператор if находит выбранную опцию. function getChoice() { Предполагается, что Select-объект таков: <SELECT NAME="musicType"> Пример 2. В следующей форме пользователь может ввести некоторый текст в первом текстовом поле, а затем ввести число от 0 до 2 (включительно) во втором текстовом поле. Когда пользователь щёлкает по кнопке, текст изменяется на номер выбранной опции, и эта опция выбирается. <SCRIPT> valueСтрока, отражающая атрибут VALUE опции. БезопасностьJavaScript 1.1. Это свойство запорчено/разрушено по умолчанию. О разрушении данных см. книгу Клиентский JavaScript. Руководство. ОписаниеЕсли атрибут VALUE специфицируется в HTML, то свойство value это строка, отражающая его. Если атрибут VALUE не специфицируется в HTML, то свойство value это пустая строка. Свойство value не отображается на экране, а возвращается на сервер, если опция выбрана. Не путайте это свойство со статусом выбора опции или текста, который отображается вслед за ней. Свойство selected определяет статус выбора объекта, а свойство defaultSelected определяет статус выбора по умолчанию. Отображаемый текст специфицируется после тэга OPTION и соответствует свойству text. Оглавление | Назад | Вперёд | ИндексДата последнего обновления: 28 мая 1999 года. Внимание! Если у вас не получилось найти нужную информацию, используйте рубрикатор или воспользуйтесь поиском . книги по программированию исходники компоненты шаблоны сайтов C++ PHP Delphi скачать |
|