- ベストアンサー
複数のプルダウンからリンクする方法
こんにちは、いつもお世話になっています、英行と申します。 今回ご質問させて頂く内容なのですが、複数のプルダウンから指定した場所へのリンク方法？です。 例えば自分のサイト内に3年分の日記があったとします。 その中には12か月分の項目があり、さらに28～31の項目が有ります。 3つのプルダウンを並べ、指定したページへリンクしたいと考えています。 例) 年 月 日 Go といった感じで、2000年の09月の15日というようにプルダウンで選択して Goを押すことによって指定した場所へリンクさせる方法はあるでしょうか？ お分かりになる方、教えていただけませんでしょうか？ よろしくお願いします。
- hideyuki-man
- お礼率42% (121/287)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんな感じでどうでしょうか？ <html> <script> <!-- function jump(){ location.href = 'http://test/' + form.year.value + form.month.value + form.day.value + '.html'; } --> </script> <body> <form name="form"> <select name="year"> <option value="2005">2005</option> <option value="2007">2007</option> </select> <select name="month"> <option value="12">12</option> <option value="06">06</option> </select> <select name="day"> <option value="31">31</option> <option value="01">01</option> </select> <input type="button" value="GO" onclick="jump();" /> </form> </body> </html>
その他の回答 (1)
私はそこまで詳しくないのですが、考え方の参考になれば…。 例えば飛ばす先のファイル名が 2005年12月31日が20051231.html 2007年06月01日が20070601.html というような＝日付の法則になれば、 プルダウンで指定したそれぞれの値がそのままアドレスになるので locationを 年+月+日+".html" という形で作成できるのではないでしょうか。 入力した文字+.htmlでそのページに飛ばすパスワード制限のスクリプトをよくみるので、 値を取得する方法がプルダウンなだけですし、それが参考になるのではーと思います。
関連するQ&A
- 二つのプルダウンメニューからそれぞれ組み合わの外部リンクを作りたいのですが
HP作成初心者です。 いろいろ検索したのですが検索の仕方が悪いのかよくわからないので ご教授お願いいたします。 二つのプルダウンメニューを作り、各項目を選択し GOボタンを押してそれぞれ選択した項目に当てはまるリンクへって感じで作成したいのですが。 例 服の色 赤 青 黄 サイズ Ｌ Ｍ Ｓ それぞれを選択しGOボタンで選択項目にあったリンクへ どうぞ宜しくお願いいたします。
- ベストアンサー
- HTML
- プルダウン連動とリンク
選択項目により連動するプルダウンを利用し、各々のページにリンクさせようと思っているのですが、上手くいきません。 一つ目のプルダウンで項目を選択⇒二つ目のプルダウンに項目が表示される⇒選択するとリンクする。 プルダウンはこちらのソースを利用しています。 http://d.hatena.ne.jp/Mars/20071109 連動リンクはこちらを参考にしました。 http://air.rulez.jp/shop/java/jt_pulldown.htm 現在のソースは下記のようになっています。 プルダウンの連動とリンク、それぞれ単体での動作確認は出来たのですが、組み合わせると上手くいきません。 最初のプルダウンで「YYY」を選択し、連動して次のプルダウンに表示される「yahooかgoogle」を選択したらURL先にリンクしたいのですが。 現在はプルダウンは連動はされるものの、2つめのプルダウンで項目を選択しても何も起こらない状態です。 ----------------------------------------------------------------- <script type="text/javascript" src="ConnectedSelect.js"></script> <form> <select id="SEL1"> <option value="XXX">XXX</option> <option value="YYY">YYY</option> </select> <select id="SEL2" onChange="top.location.href=value"> <optgroup label="XXX"> <option value="x1">x1</option> <option value="x2">x2</option> </optgroup> <optgroup label="YYY"> <option value="http://www.yahoo.co.jp/">yahoo</option> <option value="https://www.google.co.jp/">google</option> </optgroup> </select> </form> <script type="text/javascript"> ConnectedSelect(['SEL1','SEL2','SEL3']); </script> --------------------------------------------------------------- これはどのように修正すればリンクされるようになるでしょうか？ また別の方法があればそちらでも構いません。 ご存知の方いらっしゃいましたらご教示ください。 よろしくお願いします。
- 締切済み
- JavaScript
- 複数のプルダウンメニューをインラインフレームに表示。
複数（10個以上）のプルダウンメニュー（各メニュー）をインラインフレームにリンク表示させたいのですが。「GO」ボタンがあっても無くても結構です。誰か教えてください。よろしくお願いいたします。
- 締切済み
- JavaScript
- エクセル プルダウンメニューリンク
Excel 2003 です。 プルダウンメニューから参照されるデータが入力されるテーブルを複数シート（３つ）に貼り付けて、全てリンクさせたいのですが可能でしょうか？ "SheetAAA" A1 セルに プルダウンメニュー がありこちらは他作業シート"SSS" にリンクしていて、例えば 鉛筆／消しゴム／定規 などの項目を選択すると作業用シートで対応した 50円／100円/300円 などが B1 セルに入力されます。 この"SheetAAA" A1セルに あるものと同じものを "SeetBBB" A10 に貼り付けてB10にも金額を、そして"SheetCCC" の D10にも貼り付けてE10に金額、しかしどのシートのプルダウンメニューから商品を選択しても（例えば鉛筆）全てのシートに同じ値（鉛筆）が表示され、隣に対応金額が出るようにしたいのですが。 簡単に言うと、全てのシートで同時に動くプルダウンメニュー・・でしょうか。 分かる方いたらお願いします。
- 締切済み
- 財務・会計・経理
- プルダウンからリンクをthicboxで開くには？
宜しくお願い致します。 先日、http://okwave.jp/qa/q6431127.html にてプルダウンからリンクをthicbox.jsで開くコードを教えて頂いた者です。 前回の質問では「表示する」というボタンをクリックすることでリンク先へ移動する方法をお教え頂いたのですが、ボタンなし（プルダウンで選択するとすぐリンク先へ移動する方法）でリンクする場合のコードをお教え頂きたく再度質問させて頂きました。 分かりづらい説明で申し訳ありません。 どうぞご教授下さいますようお願い致します。
- ベストアンサー
- JavaScript
- プルダウンメニューからリンク→新しい(別)ウインドウで表示
プルダウンメニューから「ＧＯ］ボタンを押してリンク先へ飛ぶ。 このような形を作っているのですが，「ＧＯ」ボタンを押したときに 新しいウインドウを開いて表示させたいのですが，その方法を教えて いただけないでしょうか。。 過去ログから見つけられませんでした・・・。すみません。。
- ベストアンサー
- HTML
- プルダウンメニューで複数選択
省スペースのため、プルダウンメニューを使いたいのですが、基本的に一つしか選択できませんよね？メニュー内にラジオボタンをつけるなどして複数選択に対応させる方法はありませんでしょうか？
- ベストアンサー
- HTML
- 【PHP】プルダウンメニューとリンク
またPHPに関して質問させていただきます。 この質問 (http://okwave.jp/qa5492047.html) の続きにあたりますが、 プルダウンメニューにデータベースの内容を反映させることはできました。 しかし今度はそのプルダウンメニューを選択した後、「決定」等のボタンを押すと、プルダウンで選択した内容のページに飛ばすといったことを行いたいのです。 例） ------------------------------------- 「朝」を選択した状態で「決定」ボタンを押す。 ↓ 「おはようございます」と次ページで表示される。 「昼」を選択した状態で「決定」ボタンを押す。 ↓ 「こんにちは」と次ページで表示される。 ------------------------------------- このようにしたいのですが、どなたか教えていただけませんか。 それと、このようなPHPのリンク関連に詳しく掲載しているサイトを教えていただけたら嬉しいです。 どうかよろしくお願いします。
- ベストアンサー
- PHP
- プルダウンリンク先の指定フレームに関して
現在フレームを5つに分割しています。 横2列、左の列に2行（上のframe：a、下の frame：b）、右の列に3行（c、d、f）と分割しています。 まず、"a"にプルダウンリンクがあり、指定先が"d"になります。 "d"に指定されたファイルにもプルダウンリンクがあり、"e"に表示しています。 2段階に選択をして3段階目にファイルを表示できるものです。 ここでやめればいいのですが… 利便性のため、別の項目も表示したいのです。 "b"にもプルダウンリンクを設置し、”d”には特定のファイルを、”f”にはvalueでしていたファイルをしていたいと思っています。 ただ本日一日中googleで検索をしていたのですが答えが出ませんでした。 いい回答があればと思います。 もう1つ… 別の方法で4つに分割をします。 横2列、左の列に2行（上のframe：a、下の frame：b）、右の列に2行（c、F） ”F”の指定ファイルを2分割（d、e）して上記ページと同じものを作成しました。 ただ、"ａ"のプルダウンから別のファイルの”e”を指定することは可能なのでしょうか？ これも解決できなかった内容です。 これができると非常に管理が楽なのですが… function navi(obj) { url = obj.options[obj.selectedIndex].value; if(url != "") { parent.frames["name"].location.href = url; } } と <select onChange="navi(this)"> <option value=""> </option> ： </select> でプルダウンの命令を出しています。
- 締切済み
- JavaScript
お礼
すいません…。僕の読み間違えでした(*゜∀゜)ノ それならできそうですね＾＾でも複数のプルダウンでリンク先に飛ばす方法がわかりません。 一つであれば仰って頂いたようには可能なのですが…。
補足
早速のご回答ぁりがとうございます。 今回は例として日記を取り上げたのですが、実際はもう少し複雑なものになります。