Home | JavaScript目次 | 変わる背景色 | プルダウンメニュー | ストップウォッチ

◆ プルダウンメニュー

プルダウンメニューの作成
あらかじめ、メニューリストを作成し、ユーザが選んだページにリンクさせるプルダウンメニューを作成します。比較的簡単なスクリプトです。

メニューから選択すると、実際にその URLに移動します。


JavaScript と HTMLソース
JavaScript (ヘッダに置く)
    function navi(myURL) {
      url = myURL.options[myURL.selectedIndex].value;
      if(url != "") {
      location.href = url;
       }
     }

HTML
  <select onChange="navi(this)">
    <option value=""> --- お選びください --- </option>
    <option value="http://www.yahoo.co.jp/">Yahoo!</option>
    <option value="http://www.goo.ne.jp/">Goo</option>
    <option value="http://www.google.com">Google</option>
    <option value="http://www.infoseek.co.jp">Infoseek</option>
    <option value="http://www.scollabo.com/banban/">HTML講座</option>
  </select>


This Page is HTML4.01 Valid! 初版更新日 2003/9/15
Copyright(C) 2002-2003 banban@scollabo.com