[Содержание] [Предыдущая] [Следующая] [Индекс]

Hidden

Объект Text, который не отображается в форме HTML. Объект Hidden используется для передачи пар имя/значение, когда форма представляется на рассмотрение.

Объект client-side
Реализовано в Navigator 2.0
Navigator 3.0: добвлено свойство type

Создание

HTML тэгом INPUT с "hidden" как значение аттрибута TYPE. Для данной формы, двигатель времени выполнения JavaScript создает соответствующие объекты Hidden и помещает эти объекты в массив elements соответствующего объекта Form. Вы обращаетесь к объекту Hidden индексируя этот массив. Вы можете индексировать массив или числом или, если определено, используя значение аттрибута NAME.

Следующий пример использует объект Hidden чтобы сохранить значение последнего объекта, который пользователь щелкнул. Форма содержит кнопку "Отобразить значение hidden", которую пользователь может нажимать, чтобы отобразить значение объекта Hidden в диалоговом окне Alert.

<HTML>
<HEAD>
<TITLE>Пример объекта Hidden</TITLE>
</HEAD>
<BODY>
<B>Нажмите какой нибудь из этих объектов, затем нажмите кнопку "Отобразить значение",
<BR>чтобы увидеть значение последнего нажатого объекта.</B>
<FORM NAME="myForm">
<INPUT TYPE="hidden" NAME="hiddenObject" VALUE="None">
<P>
<INPUT TYPE="button" VALUE="Нажми меня" NAME="button1" 
   onClick="document.myForm.hiddenObject.value=this.value">
<P>
<INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
   onClick="document.myForm.hiddenObject.value=this.value"> Soul и R&B
<INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz"
   onClick="document.myForm.hiddenObject.value=this.value"> Джаз
<INPUT TYPE="radio" NAME="musicChoice" VALUE="classical"
   onClick="document.myForm.hiddenObject.value=this.value"> Классика
<P>
<SELECT NAME="music_type_single"
   onFocus="document.myForm.hiddenObject.value=this.options[this.selectedIndex].text">
   <OPTION SELECTED> Красный <OPTION> Оранжевый <OPTION> Желтый
</SELECT>
<P><INPUT TYPE="button" VALUE="Отобразить значение hidden" NAME="button2"
   onClick="alert('Последний нажатый объект: ' + document.myForm.hiddenObject.value)">
</FORM>
</BODY>
</HTML>

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

document.cookie

Свойства

form

Ссылка на объект, определяющая форму, содержащую этот объект.

Метод объекта Hidden
Только для чтения
Реализовано в Navigator 2.0

Описание

Каждый элемент формы имеет свойство form, которое является ссылкой к родительской форме элемента. Это свойство особенно полезно в обработчиках событий, где Вы могли бы обратиться к другому элементу в текущей форме.

Примеры

Пример 1. В следующем примере, форма myForm содержит объект Hidden и кнопку. Когда пользователь нажимает кнопку, значение объекта Hidden устанавливается в имя формы. Обработчик события onClick кнопки испольует this.form, чтобы сослаться к родительской форме myForm.

<FORM NAME="myForm">
Имя формы:<INPUT TYPE="hidden" NAME="h1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Сохранить Имя формы"
   onClick="this.form.h1.value=this.form.name">
</FORM>

Пример 2. Следующий пример использует объектную ссылку, скорее чем ключевое слово this, чтобы обратиться к форме. Код возвращает ссылку на myForm, которая является формой, содержащей myHiddenObject.

document.myForm.myHiddenObject.form

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

Form

for (var i = 0; i < document.myForm.elements.length; i++) {
   document.writeln("<BR>тип " + document.myForm.elements[i].type)
}

value

Строка, которая отражает аттрибут VALUE объекта.

Метод объекта Hidden
Реализовано в Navigator 2.0

Защита

Navigator 3.0: Это свойство заражено по умолчанию. Для информации о заражении данных, смотрите "Защита JavaScript".

Примеры

Следующая функция оценивает свойство value группы кнопок и показывает его в окне msgWindow:

function valueGetter() {
   var msgWindow=window.open("")
   msgWindow.document.write("Представляющая на рассмотрение кнопка гласит " +
      document.valueTest.submitButton.value + "<BR>")
   msgWindow.document.write("Кнопка сброса гласит " +
      document.valueTest.resetButton.value + "<BR>")
   msgWindow.document.write("Скрытое поле гласит " +
      document.valueTest.hiddenField.value + "<BR>")
   msgWindow.document.close()
}

Этот пример показывает следующие значения:

Представляющая на рассмотрение кнопка гласит Query Submit
Кнопка сброса гласит Reset
Скрытое поле гласит pipefish are cute.

Предыдущий пример принимает, что кнопки были определены следующим образом:

<INPUT TYPE="submit" NAME="submitButton">
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="hidden" NAME="hiddenField" VALUE="pipefish are cute.">

[Содержание] [Предыдущая] [Следующая] [Индекс]

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

Все мессаги сюда:yanich@inbox.ru

`form`	Определяет форму, содержащую объект `Hidden`.
`name`	Отражает аттрибут `NAME`.
`type`	Отражает аттрибут `TYPE`.
`value`	Отражает текущее значение объекта `Hidden`.

Объект client-side
Реализовано в	Navigator 2.0 Navigator 3.0: добвлено свойство `type`

Метод объекта	`Hidden`
Только для чтения
Реализовано в	Navigator 2.0