ユーザ入力に基づいてHTMLを生成するJavascript

Question

これは私の問題です。ユーザが選択した2つの変数を取り、それらの変数に基づいて20個のdivで生成する画像を選択するjavascript関数を作成する必要があります。

私は数日間このことを理解しようとしてきましたが、どこにもいませんでした。

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'); 

特定のイベントやDOMの準備が完了した後、JSを置きます。