ここまで作りました。後は各、動物アイコン、人物アイコン等の値に対して画像を変更するだけなんですけど、難しくてわかりません・・・サンプルコードをどなたかぜひお願いいたします。
こんな難しいの誰かできるのかな・・・
> <html>
> <head>
> <title></title>
> <script language="Javascript" type="text/javascript">
> <!--
> var data = new Array("素材を選択してください","アイコン","テクスチャ","壁紙");
> var data0 = new Array("↑から素材を選択してください。");
> var data1 = new Array("アイコンの素材を選択してください","動物アイコン","人物アイコン","食べ物アイコン");
> var data2 = new Array("テクスチャの素材を選択してください","POP","宇宙","自然");
> var data3 = new Array("壁紙の素材を選択してください","風景写真","動物写真","イラスト");
> function setlist(objid, arr){
> var obj = document.getElementById(objid);
> for(i=obj.length; i>=0; i--){ obj.options[i] = null; }
> for(i=0; i<arr.length; i++){
> obj.options[i] = new Option(arr[i]);
> obj.options[i].value = arr[i];
> }
> }
> function Gazou(mysrc){
> document.myIMG.src=mysrc;
> }
> //-->
> </script>
> </head>
> <body onload="setlist('sel0', data);" style="margin:0px;">
>
> ダウンロードしたい
> 素材を選択してください。
> <form>
> <select id="sel0" input type="radio" name="sel0" style="width:200px;" onChange="setlist('sel1', eval('data' + this.selectedIndex))">
> <option>---</option>
> </select>
>
> <select id="sel1" name="sel1" style="width:200px;" onChange="">
> <option>↑から素材を選択してください。</option>
> </select>
> </form>
>
> <img name="myIMG" src="myIMG.src=mysrc" border="0" align="right">
> </body>
> </html>