JavaScriptでホームページ作成(入門)命令集 ドロップダウンメニュー選択で実行

<select・・・onChange=関数>

ドロップダウンメニュー選択で実行

<html>
<head>
<title>テスト</title>
<script laguage="JavaScript"><!--
function changeImg(nn)
{
 n=nn.selectedIndex;
 if(n==0){
  janle.location.href="0.htm";
 }
 if(n==1){
  janle.location.href="1.htm";
 }
 if(n==2){
  janle.location.href="2.htm";
 }
}

// --></script>
</head>

<body>

<select name="kategori" size="1" onChange="changeImg(this)">
<option selected>0.zero</option>
<option>1.one</option>
<option>2.two</option>
</select>

<IFRAME SRC="0.htm" name="janle"></IFRAME>

</body>

<select>文の内部にonChange="changeImg(this)"をいれ、ドロップダウンメニューが変わったら、changeImg関数を呼び、<select>内の値thisを読み込ませる。
<select>内の値は上から0、1、2・・・と数字の値となる。nn.selectIndexで数字化し、その値によって、name=janleと名づけられた<IFRAME>の中身を変更する。


JavaScriptでホームページ作成TOP