プルダウンメニュー/JavaScript講座

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>

初版更新日 2003/9/15

◆ プルダウンメニュー