Option

Объект client-side
Реализовано в	Navigator 2.0 Navigator 3.0: добавлено свойство defaultSelected; свойство text может быть изменено, чтобы изменить текст опции

Создание

new Option(text, value, defaultSelected, selected)

Параметры

text	(Факультативный) Определяет текст, отображаемый в списке выбора.
value	(Факультативный) Определяет значение, которое возвращается серверу, когда опция выбрана, и форма представлена на рассмотрение.
defaultSelected	(Факультативный) Определяет, выбрана ли опция первоначально (true или false).
selected	(Факультативный) Определяет текущее состояние выбора опции (true или false).

Резюме Свойств

defaultSelected	Определяет начальное состояние выбора опции
selected	Определяет текущее состояние выбора опции
text	Определяет текст опции
value	Определяет значение, которое возвращается серверу, когда опция выбрана, и форма представлена на рассмотрение

Описание

Кроме того, Вы можете создавать новые параметры, используя конструктор Option и добавлять их к списку выбора. После того, как Вы создали опцию и добавили ее в объект Select, Вы должны обновить документ, используя history.go(0). Это выражение должно быть последним. Когда документ перезагружается, переменные теряются, если не сохранить их в файлах cookie или в значениях элементов формы.

Вы можете использовать свойства 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

<SELECT name="userChoice">
   <OPTION>Выбор 1
   <OPTION>Выбор 2
   <OPTION>Выбор 3
</SELECT>

myform.userChoice.options[i].text = myform.whatsNew.value

Примеры

<SCRIPT>
function populate(inForm) {
   colorArray = new Array("Красный", "Синий", "Желтый", "Зеленый")

   var option0 = new Option("Красный", "color_red")
   var option1 = new Option("Синий", "color_blue")
   var option2 = new Option("Желтый", "color_yellow")
   var option3 = new Option("Зеленый", "color_green")

   for (var i=0; i < 4; i++) {
      eval("inForm.selectTest.options[i]=option" + i)
      if (i==0) {
         inForm.selectTest.options[i].selected=true
      }
   }

   history.go(0)
}
</SCRIPT>

<H3>Конструктор Option() для Select</H3>
<FORM>
<SELECT NAME="selectTest"></SELECT><P>
<INPUT TYPE="button" VALUE="Заполнить Список Выбора" onClick="populate(this.form)">
<P>
</FORM>

<HR>
<H3>Конструктор Option() для многострочного Select</H3>
<FORM>
<SELECT NAME="selectTest" multiple></SELECT><P>
<INPUT TYPE="button" VALUE="Заполнить Список Выбора" onClick="populate(this.form)">
</FORM>

Свойство объекта	Option
Реализовано в	Navigator 3.0

Защита

Описание

Вы можете устанавливать свойство defaultSelected в любое время. Вид соответствующего объекта Select не модифицируется, когда Вы устанавливаете свойство defaultSelected опции, только, когда Вы устанавливаете свойства Option.selected или Select.selectedIndex.

Объект Select, созданный без аттрибута MULTIPLE, может иметь только одну опцию, выбранную по умолчанию. Когда Вы устанавливаете defaultSelected в таком объекте, любые предыдущие заданные по умолчанию выборы, включая набор значений по умолчанию аттрибута SELECTED, очищаются. Если Вы устанавливаете defaultSelected в объекте Select, созданном с аттрибутом MULTIPLE, это не воздействует на предыдущие заданные по умолчанию выборы.

Примеры

function restoreDefault() {
   for (var i = 0; i < document.musicForm.musicType.length; i++) {
      if (document.musicForm.musicType.options[i].defaultSelected == true) {
         document.musicForm.musicType.options[i].selected=true
      }
   }
}

<SELECT NAME="musicType"> 
   <OPTION SELECTED> R&B
   <OPTION> Джаз
   <OPTION> Blues
   <OPTION> New Age
</SELECT>

selected

Свойство объекта	Option
Реализовано в	Navigator 2.0

Защита

Описание

Вообще, свойство Option.selected более полезно чем свойство Select.selectedIndex объектов Select, которые созданы с аттрибутом MULTIPLE. Со свойством Option.selected, Вы можете определить каждую выбранную опцию в массиве Select.options, и Вы можете выбирать индивидуальные параметры без очистки выбора других параметров.

Примеры

Смотрите также

text

Свойство объекта	Option
Реализовано в	Navigator 2.0 Navigator 3.0: Свойство text может быть изменено. В предыдущих выпусках, Вы могли устанавливать свойство text, но новое значение не отражалось в объекте Select.

Защита

Описание

Примеры

function getChoice() {
   for (var i = 0; i < document.musicForm.musicType.length; i++) {
      if (document.musicForm.musicType.options[i].selected == true) {
         return document.musicForm.musicType.options[i].text
      }
   }
   return null
}

<SELECT NAME="musicType">
   <OPTION SELECTED> R&B
   <OPTION> Джаз
   <OPTION> Blues
   <OPTION> New Age
</SELECT>

Код для этого примера выглядит следующим образом:

<SCRIPT>
function updateList(theForm, i) {
   theForm.userChoice.options[i].text = theForm.whatsNew.value
   theForm.userChoice.options[i].selected = true
}
</SCRIPT>
<FORM>
<SELECT name="userChoice">
   <OPTION>Choice 1
   <OPTION>Choice 2
   <OPTION>Choice 3
</SELECT>
<BR>
New text for the option: <INPUT TYPE="text" NAME="whatsNew">
<BR>
Option to change (0, 1, or 2): <INPUT TYPE="text" NAME="idx">
<BR>
<INPUT TYPE="button" VALUE="Change Selection"
onClick="updateList(this.form, this.form.idx.value)">
</FORM>

value

Свойство объекта	Option
Только для чтения
Реализовано в	Navigator 2.0

Защита

Описание

Не путайте это свойство с состоянием выбора опции или текстом, который отображается рядом с ней. Свойство selected определяет состояние выбора объекта, и свойство defaultSelected определяет заданное по умолчанию состояние выбора. Текст, который отображается, определяется после тэга OPTION и соответствует свойству text.

Последняя Модификация: 10/31/97 12:32:20