2011-12-22 97 views
0

这是我的问题,我需要创建一个JavaScript函数,它需要用户选择的2个变量,并根据这些变量选择20个div中生成的图像。基于用户输入生成HTML

我一直在试图弄清楚这几天,但没有得到任何地方。

所以瓦尔是:年,季度

图像是由区域命名,并在申报单是预先设定的。所以一个图像将是“regionone_2005_q1.png”

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

我很难找到关于在html中使用JavaScript变量的任何教程。这个程序的捕获是我必须使用服务器端脚本。

+1

不要为图像的src属性提供值,并且不会加载。然后在函数中设置'src'属性。浏览器将下载图像并显示它。 – Chad 2011-12-22 16:57:16

+0

到目前为止你有什么? – NibblyPig 2011-12-22 16:57:26

+0

到目前为止你做了什么?任何使用AJAX的经验? – 2011-12-22 16:58:54

回答

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已准备就绪。

+0

谢谢!这工作! – 2011-12-22 19:03:52

+0

非常欢迎。 – Usman 2011-12-22 19:37:34