- ベストアンサー
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> 質問が分かりにくく大変申し訳ありませんが、ご指導下さると 幸いです。よろしくお願い致します。
- qqw55fs9k
- お礼率100% (2/2)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 ご質問にあった select タグ <select onchange="top.location.href=this.options[this.selectedIndex].value"> これに、name 属性（name"～～" っていうやつ）を入れてください。そうすれば cgi 側で値を参照することができます。
その他の回答 (1)
- leap_day
- ベストアンサー率60% (338/561)
≪送る側≫ <select onchange="top.location.href=this.options[this.selectedIndex].value"> <option value="a.html">Aのページへ</option> <option value="b.cgi?name=a&value=123">Bで検索</option> <option value="b.cgi?name=b&value=abc">Cで検索</option> </select> ≪受ける側(b.cgi)≫ <body onLoad="load();"> <SCRIPT language="JavaScript"> <!-- function load() { document.$in{'name'}.name.value = $in{'value'}; } //--> </script> <form name="a"> <input type="text" name="name"> </form> <form name="b"> <input type="text" name="name"> </form> とすると『Bで検索』を選択すると<form name="a">のテキストボックスに『123』と記述され 『Cで検索』を選択すると<form name="b">のテキストボックスに『abc』と記述することはできますが value値に日本語を選択するとスクリプトエラーが出てしまいます （すみません、知識不足でこのエラー回避の仕方は分かりません（＞＜） つまり『b.cgi?name=a&value=123』とすることで <form action="b.cgi" method="post"> <input type="hidden" name="name" value="a"> <input type="hidden" name="value" value="123"> </form> と同じ効果を得ることができます アドレスバーに記述されるから『hidden』ではないか・・・（－－；） 受け取る側は『 $in{'name'} 』や『 $in{'value'} 』で値を受け取ることができます あとはこれを応用させて自身の好みに変えていってくださいｍ（－－）ｍ
お礼
早速ご回答頂き、誠にありがとうございました。以下のように <option value="b.cgi?mode=search&value=b">Bを検索</option> とすることで、無事cgiへの送信と別のページにリンクさせるこ とができました。leap_day様にご回答頂いた内容も参考にさせて 頂き、無事動作するようになりました。 分かりにくい質問にお答え頂き誠にありがとうございました！
関連するQ&A
- プルダウンメニューからのリンクの貼り方
ＦＯＲＭのプルダウンメニューからリンクをはっていますが、新しいページを開くのはどうしたら良いでしょう？ 今は <select name="menu" size="1" onchange="location=this.options[this.selectedIndex].value"> と書いていて、同じページ内で別ページに移動します。 またプルダウンメニューからのリンクで、ページサイズを指定したり、スクロールバー、ツールバーの表示も指定したいのですが出来るのでしょうか？ ご存知なかたはよろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューで、選択項目をリンク先でも維持したい。
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』選択の状態で残したいのですが。 どのようにすればよいのでしょうか・・・ よろしくお願い致します。
- ベストアンサー
- JavaScript
- プルダウンメニューの選択時のリンク先について
「プルダウンメニューから選択すると、別ページにリンク」するページを 作成したいです。 以下の様に途中まではできたのですが、 「フレームを使わず、同じウインドウの別の箇所にリンク先を表示 ※プルダウンメニューはそのまま表示」 がどうしてもできません。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>
- ベストアンサー
- ホームページ作成ソフト
- プルダウンについての質問です
プルダウンメニューでリンク先にページを飛ばした後、ツールバーの <戻るボタン>でページを戻すと、同じプルダウンメニューのリンク先 には飛ばなくなってしまいます。 どうすればページを戻した後でも、同じプルダウンメニューのリンク 先に飛ばす事が出来るのでしょうか？ 使ったHTMLは <FORM NAME="linkmenu"> <SELECT style="width: 220px" NAME="linklist" onchange="location=this.value"> <OPTION SELECTED>以下の項目から選択してください。</OPTION> <OPTION VALUE="index.html">1.テストページ1</OPTION> <OPTION VALUE="2.html">2.テストページ2</OPTION> <OPTION VALUE="3.html">3.テストページ3</OPTION> </SELECT> </FORM> というものです。
- ベストアンサー
- HTML
- プルダウンで選択したページから戻った時
どなたか教えてください。 プルダウンで選択したページにリンクして、そのページから戻ってきた場合、 プルダウンメニューは選択した項目ではなく、一番上に来る項目が選択されているようにしたいのです。 例：--メニュー-- テスト1ページへ テスト2ページへ ↓をやったら、うまくいったのですがステータスバーに「1」と表示されてしまいました。 <script language="JavaScript"> <!--// function gotosite(site) { if (site != "") { self.location=site } } function init() { status = document.jump.length; for (i=0; i<document.jump.length; i++) document.jump.elements[i].selectedIndex=0; } //--> </script> ちなみにselectのところはこのように書きました。 <form method="POST" name="jump"> <select name="jump" onChange="gotosite(this.options [this.selectedIndex].value)"> よろしくお願いします。どうしても「1」を出したくないんです。 やっぱり無理なんでしょうか？
- ベストアンサー
- JavaScript
- 同一ページに複数のプルダウンメニュー
同一ページに複数のプルダウンメニューをつけたいのですが、 どうすればよいのでしょうか。 下記のように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> よろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウン連動とリンク
選択項目により連動するプルダウンを利用し、各々のページにリンクさせようと思っているのですが、上手くいきません。 一つ目のプルダウンで項目を選択⇒二つ目のプルダウンに項目が表示される⇒選択するとリンクする。 プルダウンはこちらのソースを利用しています。 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
- プルダウンリンク先の指定フレームに関して
現在フレームを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
- プルダウンからリンクを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は適当に入れている数字です。 分かりづらい説明で申し訳ありません。 補足説明致しますので、どうかご教授下さいますようお願い致します。
- ベストアンサー
- JavaScript
- フレーム
<select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～">A <option value="http～">B <option value="http～">C </select> のスクロールでリンクしているページを、違うフレーム（Dとする）に表示させたいのですが、 <select onchange="location.href=this.options[this.selectedIndex].value"> <option value=""> <option value="http～"target="D">A <option value="http～"target="D">B <option value="http～"target="D">C </select> としても、現在のフレーム内にしか表示されません。 どうやればDに表示できますか？説明が下手ですいません。
- ベストアンサー
- Windows XP
お礼
早速ご回答頂き、誠にありがとうございました。以下のように <option value="b.cgi?mode=search&value=b">Bを検索</option> とすることで、無事cgiへの送信と別のページにリンクさせるこ とができました。hkd9001様にご回答頂いた内容も参考にさせて 頂きました。 分かりにくい質問にお答え頂き誠にありがとうございました！