基于用户输入Javascript生成HTML

Question

这是我的问题，我需要创建一个javascript函数，它接受用户选择的2个变量，并根据这些变量选择在20个div中生成的图像。

我一直试图解决这个问题好几天，但却没有在哪里。

所以vars是：年，季度

图像按区域命名，div是预先设定的。所以图像将是“regionone_2005_q1.png”

所以我正在寻找的是如何解决这个问题的建议。我需要浏览器不加载图像，除非根据用户输入要求它。我不能使用“隐藏”，因为它仍然加载图像，我无法根据代码交换图像。

我无法找到有关在html中使用javascript变量的任何教程。这个程序的问题是我必须使用服务器端脚本。

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准备好之后。