７．イベント<48p>
<html>
<head>
<title>Image Change4</title></head>
<script language="JavaScript">
<!--
function changeImg(){
a=document.myForm.imgSelect.selectedIndex;
if(a==0){
location.href="http://www.yahoo.co.jp/";
}
else if(a==1){
location.href="imag2.html";
}
else{
location.href="imag3.html";
}
}
//-->
</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>
</body>
</html>
リストを選択してボタンを押すと違うページに移動します。