Создание выпадающего меню со списком выбора альтернатив

На странице размещается выпадающее меню выбора альтернатив,и картинки, выбранные при помощи списка альтернатив. При выборе альтернативы из меню происходит событие onChange, которое вызывает функцию LoadImg(). Ниже приведен пример реализации такой компоновки и пример кода самой страницы.

В данном примере картинка выбирается как элемент списка. При этом происходит событие onChange, и по нему определяют, какой именно элемент был отобран (свойство selectedIndex – целое число, определяющее номер выделенного элемента в списке).

Пример:

Код HTML:

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



<form name="form1">
  <select name="item" onChange="LoadImg()">
    <option selected>Сделайте свой выбор


        . . . и т. д.

  <select >

Функция LoadImg( ) написана на Java-Script:

pictures = new Array();
for(i=0; i<7; i++)
 {
   pictures[i] = new Image();
   if(i==0) pictures[i].src = "img/7.gif";
        . . . и т. д.
 }

function LoadImg() {
  document.images[0].src =
     pictures[document.form1.item.selectedIndex].src;
}