- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：プルダウンメニュー中の項目をクリックしたらリンクへ）
プルダウンメニューで項目をクリックしてリンク先のページを開く方法
このQ&Aのポイント
- プルダウンメニュー中の項目をセレクトして、お目当てのタグをクリックすると、リンク先のページが開きます。
- 私が作成しているHPの初期画面には多くのリンクタグがあり、見た目もよくないですし、使いずらいと感じています。そのため、プルダウンメニュー方式で項目ごとにまとめたいと考えています。
- 現在作成しているホームページの材料（index.html、akkotyan.htmlなど）は同一フォルダ内にあります。プルダウンメニューを作成し、リンク先のページを開くプログラムを組むことで、プルダウンメニューを使用して簡単にページを切り替えることができます。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
愚直に <head> <script>addEventListener('load',function(ev){ document.forms['jump'].elements['to'].addEventListener('change',function(ew){ var map = { yahoo: './akkotyan.html', houyhnhnms: 'http://google.com/search?tbm=isch&q=houyhnhnms' }; var url = map[ew.target.value]; if (url) window.location = url; },false); },false)</script> <body> <form name=jump><select name=to> <option value='' selected>-</option> <option value=yahoo>Yahoo</option> <option value=houyhnhnms>Houyhnhnms</option> </select></form>
お礼
ご回答誠にありがとうございました。 助かります^^ プルダウンメニューからの作業には成功しました。 その他、今まで、セットしていた、HPシステムが従来どおりに動くか、現在検証中です。 私のHPの大きな特徴としまして、 index.itmlプログラムが、以下です。 <html> <head> <title>テストHP</title> </head> <frameset cols="26%,*"> <frame src="left.html"name="menu"> <frame src="sample4.html"name="contents"> </frameset> <html> 以上ですが、 仕様が二分割の縦分割フレームが特徴です。 左側フレームにリンクタグがあり、そのリンクタグをクリックすると、右フレームに そのHPが観れるようになっています。 しかし、プルダウンメニューからのakkotyan.htmlはなぜか、左フレームへ出てきてしまって、現在調査中です。 もし、自力で、解決できない場合は、新たに質問したいと思っています^^