現在Webサイトを作っています。
ですがドロップダウンメニューからリンクをし、リンク先をアイフレームにするのがうまくいきません。
問題のページのHTML、及びJavaScriptは以下の通りです。
<html>
<head>
<script type="text/javascript">
<!--
function Mylink(form,sel){
mlink=sel.options[sel.selectedIndex].value;
if(mlink!="-"){parent.albumf.location.href=mlink;}
}
//-->
</script>
</head>
<body>
<center>
<IFRAME name="albumf" frameborder=0 src="●●.html" scrolling=no allowtransparency=true></IFRAME>
<BR>
<BR>
<FORM method="post">
<select onChange="Mylink(this.form,this)">
<OPTION selected value="-"> * メニュー *</OPTION>
<OPTION value="-">------------------------</OPTION>
<OPTION value="●●.html">項目1</OPTION>
<OPTION value="▲▲.html">項目2</OPTION>
<OPTION value="-">------------------------</OPTION>
</select>
</FORM>
</center>
</body>
</html>
JavaScriptに関する様々なページを調べましたが、どうしても自力で解決できませんでした。
どなたか改善方法を教えて下さい。
よろしくお願いします。
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>
ありがとうございます!!ちゃんとリンクが出るようになりました!!
JavaScriptに関する知識はまだ全然なくていろんなサイトを参考にして作ったので……いろいろ問題があったんですね……。これから精進します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
プログラムがうまく動きません...
-
親子連動型のselectを設置し、...
-
document.form で nullまたは...
-
javascriptでselectボックスの<...
-
セレクトの値を取得できない
-
Selectの中身をfor文で入れる
-
javascriptでプルダウンメニュ...
-
selectタグに直接onChangeを書...
-
jQuery セレクトボックスで選択...
-
DBの値を利用して、3つの連動し...
-
セレクトメニューで選択された...
-
ラジオボタンとドロップダウン...
-
リストボックスの項目の順番を...
-
CSVファイルを読みこみ、プルダ...
-
onchangeイベントを強制的に発...
-
プルダウン選択を変更すると、...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
プルダウン 項目が多いので先頭...
-
Selectボックスの幅を自動で広...
-
jQuery セレクトボックスで選択...
-
Selectの中身をfor文で入れる
-
html selectの内容を初期値に戻す
-
CSVファイルを読みこみ、プルダ...
-
JQuery selectが反映されない
-
セレクトの値を取得できない
-
セレクトを全て選択されていな...
-
セレクトメニューで選択された...
-
ブラウザの戻るボタンを押した...
-
javascriptでselectボックスの<...
-
リストボックスの項目の順番を...
-
現在時刻を取得してフォームのs...
-
onFocusOutが複数回呼ばれる!
-
セレクトボックスで現在選択さ...
-
【javascript・PHP】プルダウン...
-
document.form で nullまたは...
-
プルダウンで現在の年月日を取...
-
onchange等のイベントハンドラ...
おすすめ情報