 |
     |
|
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
HTML-тэг INPUT с "hidden" в качестве значения атрибута TYPE. Для данной формы машина выполнения JavaScript создаёт соответствующие объекты Hidden и помещает эти объекты в массив elements соответствующего объекта Hidden. Вы получаете доступ к объекту Hidden в этом массиве по индексу. Вы можете индексировать массив по числам или, если имеются, по значениям атрибута NAME.
Объект Hidden является элементом формы и обязан быть определён в тэге FORM.
Объект Hidden не может быть виден конечному пользователю и не может им изменяться, но Вы можете программно изменить значение этого объекта, изменяя его свойство value. Вы можете использовать объекты Hidden для взаимодействия клиент/сервер.
| Свойство |
Описаниеform
| name
| type
| value |
|---|
Этот объект наследует методы watch и unwatch из объекта Object.
Здесь объект Hidden используется для хранения значения последнего объекта, по которому щёлкнул пользователь. Форма содержит кнопку "Display hidden value", которую пользователь может щёлкнуть для вывода значения объекта Hidden и диалога Alert.
<HTML>
<HEAD>
<TITLE>Hidden object example</TITLE>
</HEAD>
<BODY>
<B>Click some of these objects, then click the "Display value" button
<BR>to see the value of the last object clicked.</B>
<FORM NAME="myForm">
<INPUT TYPE="hidden" NAME="hiddenObject" VALUE="None">
<P>
<INPUT TYPE="button" VALUE="Click me" 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 and R&B
<INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz"
onClick="document.myForm.hiddenObject.value=this.value"> Jazz
<INPUT TYPE="radio" NAME="musicChoice" VALUE="classical"
onClick="document.myForm.hiddenObject.value=this.value"> Classical
<P>
<SELECT NAME="music_type_single"
onFocus="document.myForm.hiddenObject.value=this.options[this.selectedIndex].text">
<OPTION SELECTED> Red <OPTION> Orange <OPTION> Yellow
</SELECT>
<P><INPUT TYPE="button" VALUE="Display hidden value" NAME="button2"
onClick="alert('Last object clicked: ' + document.myForm.hiddenObject.value)">
</FORM>
</BODY>
</HTML>
Ссылка объекта, специфицирующая форму, содержащую этот объект.
Каждый элемент формы имеет свойство form, которое является ссылкой на родительскую форму элемента. Это свойство в основном используется в обработчиках событий, где Вам может понадобиться обратиться к другому элементу на этой же форме.
Пример 1. Здесь форма myForm содержит объект Hidden и кнопку. Если пользователь щёлкает по кнопке, в значение объекта Hidden устанавливается имя формы. Обработчик события кнопки onClick использует this.form для обращения к родительской форме myForm.
<FORM NAME="myForm">
Form name:<INPUT TYPE="hidden" NAME="h1" VALUE="Beluga">
<P>
<INPUT NAME="button1" TYPE="button" VALUE="Store Form Name"
onClick="this.form.h1.value=this.form.name">
</FORM>
Пример 2. Здесь используется ссылка на объект, а не ключевое слово this, для обращения к форме. Код возвращает ссылку на myForm, которая является контейнером для объекта myHiddenObject.
document.myForm.myHiddenObject.form
Строка, специфицирующая имя данного объекта.
JavaScript 1.1. По умолчанию это свойство разрушено/запорчено. О разрушении данных см. книгу Клиентский JavaScript. Руководство.
Для всех объектов Hidden, значение свойства type - "hidden". Это свойство специфицирует тип элементов формы.
Здесь записывается значение свойства type для каждого элемента формы.
for (var i = 0; i < document.myForm.elements.length; i++) {
document.writeln("<BR>type is " + document.myForm.elements[i].type)
}
Строка, отражающая значение атрибута VALUE объекта.
JavaScript 1.1. По умолчанию это свойство по умолчанию разрушено/запорчено. О разрушении данных см. книгу Клиентский JavaScript. Руководство.
Эта функция вычисляет свойство value группы кнопок и выводит его в окне msgWindow:
function valueGetter() {
var msgWindow=window.open("")
msgWindow.document.write("The submit button says " +
document.valueTest.submitButton.value + "<BR>")
msgWindow.document.write("The reset button says " +
document.valueTest.resetButton.value + "<BR>")
msgWindow.document.write("The hidden field says " +
document.valueTest.hiddenField.value + "<BR>")
msgWindow.document.close()
}
Этот пример выведет следующее:
The submit button says Query Submit
The reset button says Reset
The hidden field says pipefish are cute.
Здесь предполагается, что кнопки были определены так:
<INPUT TYPE="submit" NAME="submitButton">Оглавление | Назад | Вперёд | Индекс
<INPUT TYPE="reset" NAME="resetButton">
<INPUT TYPE="hidden" NAME="hiddenField" VALUE="pipefish are cute.">
Дата последнего обновления: 28 мая 1999 года.
Copyright (c) 1999 Netscape Communications Corporation
|
Книги-online