Понедельник, 24 Июня 2024, 22:13

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Поиск через выпадающие строки
BBCodeДата: Воскресенье, 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
был не раз
Сейчас нет на сайте
Например можно сделать так: добавить обработчик onchange к select:
Код

<select id="mySelectId" name="mySelect" onchange="set(1, this);">
<select id="mySelectId" name="mySelect" onchange="set(2, this);">

И такую код 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/> и изменять его атрибут:
Код

<img id="image" />

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

document.querySelector("#image").src = "images/" + first + second + '.jpg';
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг