• ベストアンサー

プルダウンメニューのリンク

教えてください☆ プルダウンメニューでページ内に ジャンプすることは出来ますか？ ページ内に普通にリンクする時は、 <a href="#○○">リンク</a> っていう風にするから、 プルダウンでも <OPTION VALUE="#○○"> ↑こんな風に指定したんですけど、 アップロードして試してみたら エラーになってしまいました。 プルダウンメニューでのリンクの <OPTION VALUE="★"> の★には、 「○○.html」みたいなのしか 指定できないの？？

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

  • ベストアンサー
  • the845s
  • ベストアンサー率34% (61/176)
回答No.3

補足回答です。 たぶん、これが一番早い解決策かと・・・ ～～.html等でうまくいくのであれば、 現在のページをfile.htmlとして、#をnextとし、 valueの値を「file.html#next」のようにしてはいかがでしょう。 ピントハズレな回答してしまいましたが、これで解決するような気がします。

yuka_chan
質問者

お礼

わ～～～～～～☆☆ヾ(≧∇≦)〃 the845sさん、ありがとうございます！！ 教えてくださった方法で成功しましたぁぁ♪ すっごくすっごく嬉しいです！！！ >> ピントハズレな回答してしまいましたが 私的には結果が同じになるなら何でも良いっす♪（ォィ なんで、お礼のポイントは20ptしか無いのでしょうか。 1000ptくらい差し上げたい気持ちですー(笑) ではでは。本当にありがとうございました。 この御恩は忘れるまで忘れません！！！（←当たり前。）

その他の回答 (2)

  • the845s
  • ベストアンサー率34% (61/176)
回答No.2

プルダウンを使う場合は、CGIであるか又はJavaScriptでないとできないはずです。 以下のサイトのが参考になるかと。 っと、一応他のリンクでは成功しているのですね。 それが、#のだとエラーしたと・・・。 書きかえる際にどこか削ったりしてしまったのではないでしょうか。 もう一度そのhead中のJavaScriptを原本と見比べてみてください。 以下のサイトのも一つの例であり、同じことをやろうとすると方法は何通りかあります。 以下のサイトとあなたが使用しているものが同じではない場合がありますので、 最初に見つけた（現在使っている）ものと見比べてみてください。

参考URL：
http://www02.u-page.so-net.ne.jp/dc4/morikawa/jssample/jss05.html
yuka_chan
質問者

お礼

すみません、何度もありがとうございます♪ >> 書きかえる際にどこか削ったり >> してしまったのではないでしょうか。 …ということは、<OPTION VALUE="#○○"> っていうのが悪いわけではない、ってことですよね？？ なら、良かったです♪ 違うところがないか、もう１度よーーーく見てみます。 P.S：参考URLのページが何故か見れません。

  • the845s
  • ベストアンサー率34% (61/176)
回答No.1

どういうエラーになったのでしょう。 通常、プルダウンメニューは、フォームの情報を選択する際に使用します。 もちろんvalueの値はなにが入っても構わないのですが、 今回の場合は、プルダウンメニューでリンク移動ということなので、 JavaScriptを使ったものになります。 そちらのエラーでしょうか？

yuka_chan
質問者

お礼

ありがとうございます！ >> どういうエラーになったのでしょう。 「ページ内でエラーが発生しました」っていう言葉 が、ページの下のところに出てきます。 やっぱりページ内にリンクを張る時は、 <HEAD> と </HEAD>の間に書いたやつ（JavaScript?）も、 書き換えなければダメなんでしょうか？？？ けど、どこのＨＰを見ても、プルダウンのだと 違うページにジャンプする時のタグしか載ってないです…

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • プルダウンメニューからのリンクの貼り方

    ＦＯＲＭのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう？ 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか？ ご存知なかたはよろしくお願いします。

  • JavaScriptのプルダウン

    プルダウンメニューの中から選択したページへジャンプするようにしたいのですがわからないところがあるので教えてください。 TOPページはframesetでmenu、TOP2の上下に分かれています。プルダウンメニューはmenuのページに置き、選択したページを表示するのは下のTOP2の部分に表示させたいんです。 下記のように記述したのですがこのままだとジャンプしたページはmenuに表示されてしまいます。 －－－－－－－－－－－－－－－－－－－－ <script Language="JavaScript"> <!-- function popJump(selOBJ) { n = selOBJ.selectedIndex; location.href = selOBJ.options[n].value; } // --> </script> </head> <body> <form> <select onChange="popJump(this)"> <option value="#">選択して下さい <option value="top2.htm">トップページ <option value="A.htm">A <option value="B.htm">B </select> </form> －－－－－－－－－－－－－－－－－－－－ <option value="A.htm">のところでTOP2へジャンプするように指定するのだと思うのですが その方法がいろいろ調べてみたのですがわかりません。 わかる方、アドバイスをお願いします。

  • WEB画面におけるプルダウンメニューで選択した値の保持

    web画面において、各頁にプルダウンメニューを設定し、そこから各頁へジャンプさせたいと思っています。 TOP画面のプルダウンメニューを [選択して下さい]→[pageA]→[pageB]とし、 top画面のプルダウンメニューより[pageA]を選択した場合 pageAのプルダウンメニューでは [選択して下さい]ではなく、[pageA]が表示させたいのですが この場合、どうすれば宜しいのでしょうか？ 私が組んだソースは下記の通りですが 下記の場合だと、各頁にジャンプ後も [選択して下さい]が表示されてしまいます。 <form> <select onchange="location.href = options[this.selectedIndex].value;"> 　　 <option value="#">選択して下さい。</option> <option value="pageA.html">pageA</option> <option value="pageB.html">pageB</option> </select> </form> 初心者の為、ご教授頂けると助かります。

  • プルダウンメニューの選択時のリンク先について

    「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 　※プルダウンメニューはそのまま表示」 がどうしてもできません。xmlで作成している関係上、phpも使えません。 何か方法はありませんでしょうか。 <SCRIPT LANGUAGE="JavaScript"> <!-- function menuLink(linkLoc) { if(linkLoc !="") {window.aaa.location.href=linkLoc;} } //--> </SCRIPT> <form> <SELECT onChange="menuLink(this.options[this.selectedIndex].value)"> <OPTION SELECTED>Select</OPTION> <OPTION value="">××</OPTION> <OPTION value="">●●</OPTION> </SELECT> </form>

  • フォームのプルダウンで、動的にデフォルト選択項目を切り替えたい

    ページ１の中のリンクＡＢＣそれぞれから同一の送信フォームページ（ページ２）にジャンプします。 そのとき、前ページで選択したリンク別に、プルダウンのデフォルト表示を変えたいのですが ｃｇｉなしで可能でしょうか。 　　(1)ＣＧＩを使わない方法 　　(2)ＣＧＩを使った方法（できれば避けたい） 具体的な記述方法、あるいは同様の回答のある質問no／ｕｒｌを教えてください。 また、［html-html］間の情報の引継ぎ／受取方法も知りたいです。 よろしくおねがいします。 ---------------------------------------------------------- ［ページ１］ <a href="a.html')">Ａ</a> <a href="a.html')">Ｂ</a> <a href="a.html')">Ｃ</a> ---------------------------------------------------------- ［ページ２］ ＞＞Ａからジャンプしてきた時 　<select name="リンク元"> 　　<option value="a" selected>Ａからのリンク</option> 　　<option value="b">Ｂからのリンク</option> 　　<option value="c">Ｃからのリンク</option> 　</select> ＞＞Ｂからジャンプしてきた時 　<select name="リンク元"> 　　<option value="a">Ａからのリンク</option> 　　<option value="b" selected>Ｂからのリンク</option> 　　<option value="c">Ｃからのリンク</option> 　</select> ＞＞Ｃからジャンプしてきた時 　<select name="リンク元"> 　　<option value="a">Ａからのリンク</option> 　　<option value="b">Ｂからのリンク</option> 　　<option value="c" selected>Ｃからのリンク</option> 　</select> . . . <input type="submit" value=" 送信 "> ----------------------------------------------------------

  • プルダウンからリンクをthicboxで開くには？

    プルダウンからリンクをthicboxで開くには？ 宜しくお願い致します。 プルダウンでリンク先を選択し、そのリンク先のページをthicboxで表示させたく試行錯誤しているのですがうまくいきません。 thicboxでリンク先を開くためには、プルダウンのJavascriptをどのように修正すればよいのでしょうか？ ■プルダウンでリンクさせるJavascriptとhtmlコード <html> <head> <script type="text/javascript"> function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { location.href = url; } } </script> </head> <body> <form> <select name="navi"> <option value=""> --- リンクメニュー --- </option> <option value="http://www.yahoo.co.jp/">Yahoo!</option> <option value="http://www.goo.ne.jp/">Goo</option> </select> <input type=button value="表示する" onClick="location.href = this.form.navi.options[this.form.navi.selectedIndex].value"> </form> </body> </html> ■thicboxでURLを開くときのコード ※jquery.jsやthicbox.js、cssファイル等の外部ファイルの記述は省いております。 <a href="http://www.yahoo.co.jp?TB_iframe=true&width=800&height=500" class="thickbox">リンクテキスト</a> ※width・heightは適当に入れている数字です。 分かりづらい説明で申し訳ありません。 補足説明致しますので、どうかご教授下さいますようお願い致します。

  • cgiへの送信とページリンクのできるプルダウンについて

    初めて質問させて頂きます。 cgiへ送る選択項目と別のページへリンクする項目をひとつの プルダウンでまとめたいと思っています。プルダウンを使って 別のページリンクするタグは分かるのですが、cgiへvalue値を 送るタグが分かりません。 <select onchange="top.location.href=this.options[this.selectedIndex].value"> ※別のページへリンク<option value="a.html">Aのページへ</option> ※cgiのname="A"へ"value値"B"を送る項目<option value="ここがわかりません">Bで検索</option> </select> 質問が分かりにくく大変申し訳ありませんが、ご指導下さると 幸いです。よろしくお願い致します。

  • プルダウンメニューで、選択項目をリンク先でも維持したい。

    javascriptを使用したプルダウンメニューについて質問です。 <form name="form1"> <select name="select" onChange="location=select.options[select.selectedIndex].value"> <option value="a.html#01">Ａ01</option> <option value="a.html#02">Ａ02</option> <option value="a.html#03">Ａ03</option> <option>---------------</option> <option value="b.html#01">Ｂ01</option> <option value="b.html#02">Ｂ02</option> <option>---------------</option> </select> </form> ２つのページ（a.html、b.html）上部に上記のようなプルダウンメニューを置き、それぞれ相互に行き来できるようにしました。 一応正常に動くのですが、たとえばa.htmlのプルダウンで『Ｂ01』を選択してリンク先b.htmlに飛ぶと、プルダウンの選択項目が一番上の『Ａ01』に戻ってしまっています。 b.htmlに飛んだ後も『Ｂ01』選択の状態で残したいのですが。 どのようにすればよいのでしょうか・・・ よろしくお願い致します。

  • 複数プルダウンでメニューを初期表示に戻したい

    No.157334でleaz024さんに「複数プルダウンメニュー」について教えてもらったものですが、ひとつ、追加したいことがあるので教えてください。 教えていただいたスクリプトは <script language="javascript"> <!-- function A_Li() { 　　Sel=document.Link1.OP.selectedIndex; 　　Ms=document.Link1.OP.options[Sel].value; 　　parent.main.location.href=Ms;} function B_Li() { 　　Sel=document.Link1.OP2.selectedIndex; 　　Ms=document.Link1.OP2.options[Sel].value; 　　parent.main.location.href=Ms;} // --> </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> <SELECT name="OP2" onChange="B_Li()" size="1"> <OPTION Value="aaa.htm" SELECTED>ページを選んでください <option value="bbb.htm">ぺージ1</option> <OPTION Value="ccc.htm">ページ2 <OPTION Value="ddd.htm">ページ3 </SELECT> です。 例えば OP2のメニューをクリックしたあと OP3のメニューをクリックしたときにOP2のメニューが初期の 表示メニューに戻したいのですが、どう変えればよいでしょうか。 初心者なので本を見てみたのですがわかりませんでした。 どうぞよろしくお願いいたします。

  • 同一ページに複数のプルダウンメニュー

    同一ページに複数のプルダウンメニューをつけたいのですが、 どうすればよいのでしょうか。 下記のように1つはつけることができたのですが、 2つめから、どこをどう変えて追加すればよいのかわかりません。 <script language="javascript"> <!-- function A_Li(){ Sel=document.Link1.OP.selectedIndex; Ms=document.Link1.OP.options[Sel].value; parent.main.location.href=Ms;} // --> </script> <FORM name="Link1"> <SELECT name="OP" onChange="A_Li()" size="1"> <OPTION Value="main.htm" SELECTED>ページを選んでください <option value="main.htm">ぺージ1</option> <OPTION Value="abc.htm">ページ2 <OPTION Value="def.htm">ページ3 </SELECT> よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する