根据用户输入的JavaScript生成HTML

Question

这是我的问题，我需要创建一个JavaScript函数，该函数需要用户选择的2个变量，然后根据这些变量选择要在20 div中生成的图像。

我已经尝试了好几天了，但是却一无所获。

所以变量是：年，季度

图像按区域命名，并且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准备好之后。