• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:ドロップダウンメニューによるアイフレームへのリンク)

ドロップダウンメニューからアイフレームへのリンクがうまくいかない問題の解決方法を教えてください

このQ&Aのポイント
  • Webサイトでドロップダウンメニューからリンクをクリックしてもアイフレームに表示されない問題が発生しています。問題のページのHTMLとJavaScriptを掲載しているので、解決方法を教えてください。
  • ドロップダウンメニューを使用してリンクをクリックすると、アイフレームにリンク先が表示されません。以下のHTMLとJavaScriptが使用されています。解決策を教えてください。
  • ドロップダウンメニューを使ってリンクをクリックすると、アイフレームに表示がされず問題が発生しています。以下に問題のHTMLとJavaScriptを掲載しています。解決方法を教えてください。

質問者が選んだベストアンサー

  • ベストアンサー
  • yambejp
  • ベストアンサー率51% (3827/7415)
回答No.1

iframeを使うこと自体が微妙ですが、問題点としては ・parentをつかっていますが、selfですよね? ・formを引数として指定していますが、利用していません。 (それにformはselのformなので、わざわざオブジェクト渡しする必要もないし) とりあえずこんな感じでやってみては? <script> function Mylink(sel){ var mlink=sel.options[sel.selectedIndex].value; if(mlink!="-"){ self.frames['albumf'].location.href=mlink; } } </script> <IFRAME name="albumf" frameborder=0 src="http://www.yahoo.co.jp" scrolling=no allowtransparency=true></IFRAME> <FORM> <select onChange="Mylink(this)"> <OPTION selected value="-">     * メニュー *</OPTION> <OPTION value="-">------------------------</OPTION> <OPTION value="http://www.yahoo.co.jp">項目1</OPTION> <OPTION value="http://www.google.co.jp">項目2</OPTION> <OPTION value="-">------------------------</OPTION> </select> </FORM>

hiiragirio
質問者

お礼

ありがとうございます!!ちゃんとリンクが出るようになりました!! JavaScriptに関する知識はまだ全然なくていろんなサイトを参考にして作ったので……いろいろ問題があったんですね……。これから精進します。