Объект select имеет методы focus() и blur(). Для объекта select можно определить обработчики событий, соответствующие атрибутам onBlur и onChange, задавая реакцию объекта на события, связанные с потерей и получением фокуса ввода. Используются не часто.

Пример

Рассмотрим пример приведенный выше:

<script language "JavaScript">

<!--

function showSelected(a) {

var selNum = a.beer.selectedIndex;

var selText = a.beer.options[selNum].text;

alert("Выбрана ОПЦИЯ: "+ selNum + "\n" +

"Текст выбранной опции: "+ selText);

}

//-->

</script>

<form name ="Мой выбор">

Какое пиво лучше?

<select name = "beer">

<option>Жигулевское

<option selected>Очаковское

<option>Бочкарев

<option>Балтика

</select>

<P>

<input type = "button" value="Смотрим что выбрали" onClick="showSelected(this.form)">

</form>

Если вы во всем разобрались до этого примера, то комментарии и не понадобятся, но все же. Объект select, определенный в данном примере содержит четыре элемента. При щелчке мыши на кнопке "Смотрим что выбрали" активизируется функция showSelected(), которая выводит окно сообщения с информацией об выбранном элементе. Для этого используются свойства text и selectedIndex. Функция showSelected() принимает параметр - имя формы. Значение этого параметра возвращается выражением this.form и представляет собой ссылку на текущую форму. Можно было, конечно и не передавать параметр функции если эта функция существует специально для текущей формы, но если кнопка будет находиться в другой форме, то параметр будет необходим. В функции showSelected() переменной selNum присваивается значение свойства selectIndex объекта select, а затем это значение используется при вычислении значения переменной setText для индексации массива options.

Объект submit

Объект submit отображается как кнопка в фотме HTML. Ее нажатие вызывает передачу текущей формы на сервер, имя которго задано при помощи атрибута action тега <form>. Объект submit является свойством объекта form. Обычно он представляет собой последнее поле формы, хотя его можно указывать в любом месте контейнера <form> . . . </form>. При активации кнопки данные пересылаются на сервер. Мы уже пользовались этим объектом ранее, когда рассматривали объект form.

Синтаксис:

<input type="submit"

name="submitName"

value="buttonText"

[onClick="handlerText"]>

С помощью атрибута name задается имя объекта submit, которое является значением одноименного свойства объекта в языке JS. В качестве значения атрибута value используется строка текста, отображаемая на кнопке. Атрибуту value в языке JS соответствует свйство value объекта submit. Для обращения к методам и свойствам объекта submit применяются выражения:

o submitName.propertyName

o submitName.methodName(parameters)

o formName.elements[i].propertyName

o tformName.elements[i].methodName(parameters)

где submitName - значение атрибута name объекта submit, а formName - либо значение атрибута name объекта form, свойством которого является данный объект submit, либо элемент массива forms, например forms[0] для первой формы в текущем документе. Не правда ли все похоже на объект reset, рассматриваемый ранее, только назначение их разное. Они и применяются зачастую вместе. Свойства, методы и обработчики событий тоже похожи.

Методы и Обработчики событий

Объект submit имеет метод click(). Вообще метод Click() обычно не используют, - не всегда корректно работает.

Для объекта submit можно определить только один обработчик события onClick().

Объект text

Объект text - это поле ввода, определяемое в теге <input type="text"> и предоставляющее пользователю возможность вводить текстовые данные. Объект text является свойством объекта form и должен размещаться в контейнере <form> . . . </form>. Объекты text содержат данные, которые можно и читать, и динамически изменять в JS-программах.

Пример:

Синтаксис тега:

<input [type="text"]

name="textName"

value="textValue"

size=integer

[onBlur="handlerText"]

[onChange="handlerText"]

[onFocus="handlerText"]

[onSelect="handlerText"]>

С помощью атрибута name задается имя объекта text, которое можно использовать в JS-прграммах. Этому атрибуту в языке JS соответствует свойство name объекта text. Значение атрибута value определяет содержимое поля по умолчанию. Атрибуту value тега <input> соответствует свойство value объекта text, а также свойство defaultValue, значение которого сохраняет содержимое текстового поля, заданное по умолчанию. Присвоив нужное значение атрибуту size, можно установить размер поля в символах. По умолчанию значением атрибута type для объектов text является строка "text", т.е. если атрибут type в определении тега <input> опустить, то создаваемый элемент формы будет полем ввода. Для обращения к методам и свойствам объекта text используют выражения вида:

o textName.propertyName

o textName.methodName(parameters)

o formName.elements[i].propertyName

o tformName.elements[i].methodName(parameters)

типичные для всех элементов формы. Строка textName - имя объекта text, заданное с помощью атрибута name в теге <input>, а строка formName - соответственно имя формы, в которой и определен данный объект.

Свойства

Свойство defaultValue соответствует атрибуту value. Значением свойства value является текущее значение объекта text. Свойство name соответствует атрибуту name объекта text, а свойство type - атрибуту type и содержит в данном случае значение "text".