リスト選択でイメージ(画像)変更する      
Sample  下のリストで、イメージを選択して下さい。




ソース
<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--
var list_img = new Array();
list_img[0] = new Array("1.jpg","イメージ1");
list_img[1] = new Array("2.jpg","イメージ2");
list_img[2] = new Array("3.jpg","イメージ3");
list_img[3] = new Array("4.jpg","イメージ4");
function set_img(sel_val)
{
  img_area.src = list_img[sel_val][0];
}
//-->
</SCRIPT>

</HEAD>
<BODY onLoad="set_img(0);">
<center>
<select onchange="set_img(this.selectedIndex)">

<SCRIPT language=javascript>
  for(nn=0;nn<list_img.length;nn++) {
    document.write("<option>" + list_img[nn][1]);
  }
</SCRIPT>

</select>
<br><br>
<img name=img_area border=1>
<br><br>
</center>
</BODY>
</HTML>
ワンポイント解説
<img name=img_area で、画像を表示するエリアに名前を付けて、
img_area.src = list_img[sel_val][0]; で、選択された画像をはめ込んでいます。