セレクトボックスから画像を選択する
■■１■■
[概要]
セレクトボックスから選んだ画像を表示する。
[参照]
メルマガ Vol.18
[ソース]
<HTML>
<HEAD>
<TITLE>画像切り替え</TITLE>
<SCRIPT language="JavaScript">
function change(){
no = document.form.select.selectedIndex;
if(no==0){
//１番目を選んだ時の画像
document.myImg.src="img1.gif";
}
else if(no==1){
//２番目を選んだ時の画像
document.myImg.src="img2.gif";
}
else if(no==2){
//３番目を選んだ時の画像
document.myImg.src="img3.gif";
}
else if(no==3){
//４番目を選んだ時の画像
document.myImg.src="img4.gif";
}
}
</SCRIPT>
</HEAD>
<BODY>
選択メニューから好きな画像を選択してね
<hr>
<form name="form">
<select name="select">
<option>画像１
<option>画像２
<option>画像３
<option>画像４
<input type="button" value="決定"
onClick="change()">
</form>
<p>
//一番初めに表示しておく画像
<img border=1 src="img1.gif"
name="myImg">
</BODY>
</HTML>
※赤は変更点
※緑の部分はコメント部分。一緒に貼り付けても大丈夫。
