ны пользователем. На рис. 3.6 мы показали
форму, в которой расположены два списка.
Рис. 3.6. Форма с двумя списками различного размера
Первый из этих списков предназначен для выбора цвета, а второй - размера
некоторого предмета (в данном случае не имеет значение, какого именно).
Списки отличаются количеством элементов, видимых одновременно. Для того
чтобы увидеть все элементы списка размеров вы можете воспользоваться полосой
просмотра, расположенной в правой части этого списка. Что же касается первого
списка, то для того чтобы выбрать из него нужный цвет, необходимо сделать
щелчок по кнопке с треугольником. При этом список раскроется (рис. 3.7).
Рис. 3.7. Форма с раскрытым списком
Помимо списков, в форме есть две кнопки с надписями Complete и Reset. Кнопка
Reset возвращает списки в исходное состояние, в котором они находились сразу
после отображения документа HTML. Если же сделать щелчок по кнопке Complete,
управление получит сценарий JavaScript, который отобразит выбранный цвет и
размер на экране в виде диалоговой панели с сообщением (рис. 3.8).
Рис. 3.8. Выбранный цвет и размер
Исходный текст документа HTML, содержащего форму и сценарий для ее обработки,
представлен в листинге 3.3.
Листинг 3.3. Файл chapter3/select/select.html
Работа со списками
Работа со списками
Как видно из этого листинга, в документе определена форма с именем Sel,
содержащая списки ColorList и SizeList. Во втором списке мы задали размер
видимой части, указав в операторе