
左側の細いフレームにセレクトメニューを設置しました。
メニューを選んで、go!をクリックして、リンクするときメインのフレームに開くようにしたいのですが・・・。
ターゲットはどこに記述すればよいですか?
お忙しいところ申し訳ありませんが、教えてください。
よろしくお願いします。
*head部分の記述
<SCRIPT LANGUAGE="JavaScript">
<!--
function gotoURL(){
var gotoUrl=document.f0.f0e0.options[document.f0.f0e0.selectedIndex].value
document.location.href=gotoUrl}
//-->
</SCRIPT>
*body部分の記述
<FORM NAME="f0">
<div align="center">
<SELECT NAME="f0e0">
<option value="../kensaku/chikukensaku.html" selected>宮崎市</option>
<option value="no">延岡市</option>
<option value="mj">都城市</option>
<option value="kb">小林市</option>
<option value="gb">郡部</option>
</SELECT>
<INPUT TYPE=BUTTON VALUE="GO!" onClick="gotoURL()">
</div>
</FORM>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんばんわぁ、Blackwinglsです。
> おおなるほど!と思い早速試しているのですが・・・
> なぜか全く動かなくなりました(泣)
おやおやぁ?
どうした事なんでしょう(^^;)
ちなみに、
<option value="no">延岡市</option>
<option value="mj">都城市</option>
<option value="kb">小林市</option>
<option value="gb">郡部</option>
の、value にはキチンと表示したいファイル名を指定していますか?
例えば、
<option value="no.html">延岡市</option>
<option value="mj.html">都城市</option>
<option value="kb.html">小林市</option>
<option value="gb.html">郡部</option>
てな感じです。
これでもダメな場合は、もし差し障りないのでしたなら、そのページのURLを補足していただけるでしょうか。
ではでは(^.^)/~~~
No.1
- 回答日時:
こんばんわぁ、Blackwinglsです。
なかなかレスが付かないようですね(^^;)
単純に以下のようにしてみては如何でしょうか。
function gotoURL()
{
var gotoUrl=document.f0.f0e0.options[document.f0.f0e0.selectedIndex].value
parent.Z.location.href = gotoUrl
}
なお、parent.Z.location.href = gotoUrl の Z は、このファイルを呼び出しているhtmlファイルのほうで指定したフレーム名です。
<frameset cols="20%,80%">
<frame src="a.htm" name="X">
<frame src="b.htm" name="Z">
</frameset>
これで希望の動きをすると思うのですが・・・・・
ではでは(^^)/~~~
ありがとうございました!
もう誰も答えてくれないのかも・・・と落ち込んでいたところでした。
おおなるほど!と思い早速試しているのですが・・・
なぜか全く動かなくなりました(泣)
元のHTMLに戻しても、リンクすらしなくなってしまったのです。
他のサンプル集から拾ってきていろいろ試したけど反応なし。
ロールオーバーは動くのでjavascript自体は機能してると思うのですが・・・。なぜだーーーっ!
もしお手すきの時があれば教えてください。
でもとにかくありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript JavascriptからSQLへ繋ぎ方が分からない 3 2022/07/07 00:27
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・昔のあなたへのアドバイス
- ・字面がカッコいい英単語
- ・許せない心理テスト
- ・歩いた自慢大会
- ・「I love you」 をかっこよく翻訳してみてください
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・はじめての旅行はどこに行きましたか?
- ・準・究極の選択
- ・この人頭いいなと思ったエピソード
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・【お題】甲子園での思い出の残し方
- ・【お題】動物のキャッチフレーズ
- ・人生で一番思い出に残ってる靴
- ・これ何て呼びますか Part2
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・あなたが好きな本屋さんを教えてください
- ・かっこよく答えてください!!
- ・一回も披露したことのない豆知識
- ・ショボ短歌会
- ・いちばん失敗した人決定戦
- ・性格悪い人が優勝
- ・最速怪談選手権
- ・限定しりとり
- ・性格いい人が優勝
- ・これ何て呼びますか
- ・チョコミントアイス
- ・単二電池
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・泣きながら食べたご飯の思い出
- ・一番好きなみそ汁の具材は?
- ・人生で一番お金がなかったとき
- ・カラオケの鉄板ソング
- ・自分用のお土産
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
セレクトメニューのリンク先を...
-
前ページのリンクからフォーム...
-
セレクトボックスを2つ設けて選...
-
switch文のswitch(n)の部分を複...
-
複数のフォームを一括で送信す...
-
入力フォームの javascript で ...
-
【html】)パスワード認証フォー...
-
JavaScript 超初心者です。 Doc...
-
submitの処理の後別の画面を表...
-
URL パラメータを使ってフォー...
-
商品ページのフォームのテキス...
-
画像をボタンのようにフォーカ...
-
フォームに入力した値をURLに付...
-
type="hidden"を使って時刻を送信
-
フォーム要素以外にもname属性...
-
チェックボックスにチェックを...
-
ニフティのメールデコードにつ...
-
お問い合わせフォームの送信後...
-
[onClick]ボタンを押すことで入...
-
フォームによるメール送信の件...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLのoptionタグ部分に画像を...
-
VB6.0でコントロール配列の配列...
-
リストボックス全選択について
-
クリックすると下に項目が出て...
-
セレクトボックスを切り替える...
-
javascriptカート作りの事で質...
-
セレクトボックスの値による入...
-
プルダウンの切り替えについて
-
プルダウンメニューを選択した...
-
以前の質問だと、どの条件でも...
-
複数のプルダウンからリンクす...
-
取得日時によるドロップダウン...
-
プルダウンのリンクについて
-
お願いします! リストボックス...
-
jQuery要素の絞り込み + <selec...
-
<SELECT>タグでの selected 状...
-
複数のプルダウンの値をパラメ...
-
セレクトボックスの幅をプルダ...
-
2つの<select>フォームの完全...
-
プルダウンメニューで、選択項...
おすすめ情報