基于用户输入Javascript生成HTML

Generate HTML based on User Input Javascript

本文关键字：输入 Javascript 生成 HTML 用户 于用户      更新时间：2023-09-26

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

几天来我一直想弄清楚这个问题，但没有任何进展。

变量为:year, quarter

图像按区域命名，div是预先设置的。所以图片应该是"regionone_2005_q1.png"

所以我想要的是如何解决这个问题的建议。我需要浏览器不加载图像，除非它被要求基于用户输入。我不能使用"隐藏"，因为它仍然加载图像，我不能根据代码交换图像。

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

现场演示: 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准备好后。

相关文章：