説明

セレクトメニューからリンク先を選択して、[GO!]　ボタンを押せば リンクするようにします。
[GO!] ボタンを押すと、onclickイベントにて myGo() を呼んで 以下の処理を行います。

現在選択されている、項目番号を取得します。
項目の番号は０から始まり、<OPTION> で記述した順番に割り付けられます。

次に、選択された項目の URL ( <OPTION>タグの VALUE属性 )を取得して、それを location.href するだけです。
Step.55 に上記の説明をもう少し詳しく書いています。

Q&A 1

• リンク先を別ウィンドウで開きたいのですが
• 以下のように変更してください。
• location.href = document.myForm.myMenu.options[mySelect].value;
  
• を、
  
• window.open(document.myForm.myMenu.options[mySelect].value);
  
• に変更してください。　※ Step.13参照
  
• 
  
  ☆☆ イヌでもわかるJavaScript講座 目次 ☆☆ Step.1 いきなりJavaScriptを使ってみましょう Step.2 あいさつ文を表示してみましょう Step.3 現在の日付と時間を表示してみましょう

Q&A 2

• リンク時にフレームを解除したいのですが
• location.href を以下のように変更します。
• parent.location.href = document.myForm.myMenu.options[mySelect].value;
  
• もしくは、
  
• top.location.href = document.myForm.myMenu.options[mySelect].value;
  
• 
  参考ステップ
  Step.55 プルダウンメニューを使って目次を作りましょう（フレーム版）
  

Q&A 3

• このサンプルを２つ使うと動かなくなります
• フォーム名や関数名を重複しない様に変更してください
• <script type="text/javascript"><!--
  function myGo(){
  
  • mySelect = document.myForm.myMenu.selectedIndex;
    location.href = document.myForm.myMenu.options[mySelect].value;
    
  }
  // --></script>
  <form name="myForm">
  <select name="myMenu">
  <input type="button" value="GO!" onclick="myGo()">
  </form>
  
• 2個目を myForm2、myMenu2、myGo2 とかに変更してください。
  
  参考ステップ
  Step.5 フォームを使って時間を日付をリアルタイムに表示してみましょう
  付録.E よくある質問 【QA.4】