Поиск через выпадающие строки

Дата: Воскресенье, 13 Июля 2014, 08:59 | Сообщение # 1

был не раз

Сейчас нет на сайте

Здравствуйте, есть две выпадающие строки с таким кодом:

Код

<form name="myForm"><b>Выберите год:</b> <select id="mySelectId" name="mySelect">
   <option value="str0"> 1</option>
   <option value="str1"> 2 </option>
   <option value="str2">3</option>
   </select><br><b>

<form name="myForm"><b>Выберите номинал:</b> <select id="mySelectId" name="mySelect">
   <option value="str0"> a</option>
   <option value="str1"> b </option>
   <option value="str2">c </option>
   </select><br><b>1

Как сделать, что-бы при выборе в первой строке например 1, а во второй b, выдавало картинку именно 1b? Картинки заранее залиты на сайт с такими именами.
Спасибо

AlexRudkowskij

Дата: Среда, 16 Июля 2014, 22:20 | Сообщение # 2

был не раз

Сообщений: 11

Сейчас нет на сайте

Например можно сделать так: добавить обработчик onchange к select:

Код

И такую код JavaScript:

Код

     var first = 1, second = 'a';
     function set(a, b)
     {
         var select = b.options[b.selectedIndex].text;
         if(a == 1)
             first = select;
         else
             second = select;
     }

Переменная first будет хранить текст выбранного первого списка, а second - второго. Что бы загружать картинку нужно сделать так:
Добавить новый тэг <img/> и изменять его атрибут:

Код

И код JS, который будет менять картинку:

Код

document.querySelector("#image").src = "images/" + first + second + '.jpg';