Лабораторная работа 1 Основные положения

• Название: Лабораторная работа 1 Основные положения
• Дата: 11.04.2022
• Размер: 368.4 Kb.
• Имя файла: lab_rab (1).pdf
• Тип: Лабораторная работа; #461037
• страница: 3 из 8

Анкета читателя

Введите название любимого журнала или газеты

Что Вас привлекает в издании?

Стиль подачи материала Достоверность информации Дизайн и оформление

получим доступ к каждому флажку формы. Состояние первого флажка можно определить с помощью следующей конструкции:
(document.forml.elements[0]).checked второго -
(document. form1.elements[1]).checked и т. д. В переменной к накапливается сумма. Шаг увеличения этой переменной задается в качестве значения параметра value. После анализа всех флажков полученная сумма выводится в документ.
HTML- код представлен в листинге 2.
Листинг 2. Данные, представленные флажком. Анкета переводчика

Анкета для переводчиков

Укажите те языки, которыми Вы владеете в совершенстве:

pycc кий

английский

французский
Вознаграждениие onClick="grant()">

---

---

Упражнение
Напишите сценарий обработки анкеты слушателя курсов. Пользователь может выбрать курс, его продолжительность, язык, на котором он готов работать с преподавателем, и форму отчетности. В зависимости от этих параметров определяется стоимость отдельного курса и стоимость всего обучения. Анкета приведена на рис. 2.

Лабораторная работа №7
Списки
Если элементов много, то представление их с помощью флажков или переключателей увеличивает размер формы. В этом случае варианты выбора могут быть представлены в окне браузера более компактно с помощью тега
. Тег имеет несколько параметров. Параметр name является обязательным. Для того чтобы установить число одновременно видимых элементов, следует задать параметр size=n. Когда n равно 1, то отображается ниспадающее меню или список выбора; при n>1 выводится список с n одновременно видимыми значениями. Если параметр size не задан, то по умолчанию принимается значение равное 1. Указание параметра multiple означает, что из меню или списка можно выбрать несколько элементов.
Элементы меню задаются внутри тега с помощью тега .
Общий вид тега таков:

Параметр selected означает, что данный элемент списка считается выбранным по умолчанию. Параметр value содержит значение, которое передается, если данный элемент выбран из списка или меню.
Пример 1. Обработка анкеты переводчика
Напишем сценарий обработки анкеты переводчика. Сведения о тех языках, которыми владеет переводчик, требуется задать с помощью списка,
Выбранные языки следует помещать в поле ввода многострочного текста.
Напомним, что событие change происходит в тот момент, когда значение элемента формы text, select или textarea изменилось, и элемент потерял фокус. Будем обрабатывать анкету переводчика следующим образом. Параметр обработки события поместим в тег . Как только выбран конкретный язык, т. е. произошло событие change, выполняется функция gr: function gr(obj,m)
{ var r=100*(Number(((obj.elements[0])[m]).value)+1) s+=((obj.elements[0]) [m] ).text+"\r\n" obj.restext.value=s sum+=r obj.res.value=r}
Первый параметр - имя формы, второй - значение параметра value выбранного элемента. Второй оператор обеспечивает формирование строки всех выбранных пользователем языков. Третий оператор помещает вычисленное значение в текстовое поле. В результате выполнения четвертого оператора присваивания в переменной sum формируется значение, которое, затем при нажатии кнопки Сумма будет выведено в текстовое поле.

Последний оператор помещает значение для выбранного языка в соответствующее поле формы. Полностью документ со сценарием и формами может быть описан так, как указано в листинге 1.
Листинг 1. Реакция на событие change в теге