Создайте HTML на основе ввода пользователя Javascript

Question

Вот моя проблема, мне нужно создать функцию javascript, которая принимает 2 переменные, которые пользователь выбрал, и выбрать, какие изображения производить в 20 div на основе этих переменных.

Я пытался понять это несколько дней, но не получил.

так вары являются: год, квартал

изображения названы по регионам и дивы предварительно настроены. поэтому изображение будет «regionone_2005_q1.png»

Так что я ищу совет, как решить эту проблему. Мне нужно, чтобы браузер не загружал изображение, если оно не запрашивалось на основе ввода пользователя. Я не могу использовать «скрыть», потому что он все еще загружает изображение, и я не могу поменять изображение на основе кода.

У меня возникли проблемы с поиском каких-либо руководств по использованию переменных javascript внутри html. Уловкой для этой программы является то, что я должен использовать скрипты на стороне сервера.

Answer 1

Демо:http://jsfiddle.net/LvsJH/

HTML

<img id="myimage" src="#" /> 

JavaScript

myimage = document.getElementById('myimage'); 
//I have added a Google image, use your desired image here 
myimage.setAttribute('src','http://www.google.com.bd/images/nav_logo99.png'); 

Поместите JS на определенное событие или после того, как DOM будет готов.