CSS > 新さっぽろ60+One

JavaScript

7.イベント<45p>


<html>
<head>
<title>Image Change2</title>
<script language="JavaScript">
<!--
function changeImg(){
a=document.myForm.imgSelect.selectedIndex;
if(a==0)
document.gazou.src="imge/PHT_071.JPG";
else if(a==1)
document.gazou.src="imge/PHT_072.JPG";
else
document.gazou.src="imge/PHT_073.JPG";
}
//-->
</script>
</HEAD>

<BODY>
リストから選択してボタンを押してください。
<HR>
<FORM name="myForm">
<SELECT name="imgSelect">
<OPTION>画像1
<OPTION>画像2
<OPTION>画像3
</SELECT>
<INPUT Type="button"value="SELECT"onClick="changeImg()">
</FORM>
<br>
<IMG src="imge/PHT_074.JPG"name="gazou">
</body>
</html>



リストから選択してボタンを押してください。