こんにちは。 webサイト作りで困ったので質問いたします。ドロップダウンメニューの選択を変えると同時に画像も変わるようにしたいです。以下のコードで1つのみの場合実現できたのですが、複数設置するときはどのようにしたらよいのかわかりません。どうかアドバイス等よろしくお願いいたします。 ### 発生している問題・エラーメッセージ ``` 複数設置しようとすると反応がなくなる。（ドロップダウンメニューの中から選択しても画像が変わらない。） ``` ### 該当のソースコード ```html ``` ```javascript img0=new Image() img0.src="18img/red.png" img1=new Image() img1.src="18img/orange.png" img2=new Image() img2.src="18img/green.png" img3=new Image() img3.src="18img/blue.png" img4=new Image() img4.src="18img/glay.png" function imgChange(parts){ /*選択されているメニューを変数へ格納*/ fname=parts.options[parts.selectedIndex].value; /*選択された画像のパスを送る*/ if(fname==0){document.imgsmp.src = img0.src;} if(fname==1){document.imgsmp.src = img1.src;} if(fname==2){document.imgsmp.src = img2.src;} if(fname==3){document.imgsmp.src = img3.src;} if(fname==4){document.imgsmp.src = img4.src;} } ``` ### 試したこと htmlのonchange="imgChange(this)やjavaのfunction imgChange(parts){などを変えたりした。 ### おことわりまだwebデザイン初心者なので表現などが分かりにくければ申し訳ございません。どうかご回答のほど、よろしくお願いいたします。

	@@ -1 +1 @@
1	- ドロップダウンメニューで画像を変更プログラムを複数
1	+ ドロップダウンメニューで画像を変更プログラムを複数設置したい。

質問編集履歴