- ベストアンサー
【再掲】プルダウンメニューの表示変更
http://okwave.jp/qa2610879.htmlで質問した者です。 karumakaruma 様に以下の御回答を頂いて下記の表示が出来たのですが、確認用画面に値を引き渡すことが出来なかったため再度質問です。 勝手に締め切ってしまった恐縮ですが、お教え頂ければ幸いです。 ■質問内容 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ アンケートを採る際にプルダウンメニューを使用したいのですが、 「大カテゴリ」－「小カテゴリー」という区分けをしようと思っています。 この場合、最初に「大カテゴリ」を選択したら「小カテゴリ」は自動的に「大カテゴリ」に対応したメニューのみに切り替えることは可能でしょうか？ 以下のようなイメージなのですが、どのような技術を使用するのかお教え頂ければ幸いです。
- Nosio
- お礼率79% (31/39)
- HTML
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
人様がご提供くださったスクリプトを横レスで改良するのも何なのですが。 karumakaruma様のスクリプトを以下のようにしたら、値が飛ばないでしょうか。（op.valueに配列の値を入れています) <html> <head> <title>SELECTの変動</title> <script type="text/javascript"> var oya = new Array(); oya[0] = "遊園地"; oya[1] = "生き物"; var chi = new Array(); chi[0] = new Array(); chi[0][0] = "絶叫系"; chi[0][1] = "ほのぼの系"; chi[0][2] = "両方"; chi[1] = new Array(); chi[1][0] = "動物園"; chi[1][1] = "水族館"; function Init(){ document.myform.aaa.length=0; for(var i=0; i<oya.length; i++ ){ var op = document.createElement("option"); op.value = oya[i]; op.appendChild(document.createTextNode(oya[i])); document.myform.aaa.appendChild(op); } SetChild(); } function SetChild(){ var index = document.myform.aaa.selectedIndex ; var c = chi[index]; document.myform.bbb.length = 0; for(var i=0; i<c.length; i++ ){ var op = document.createElement("option"); op.value = c[i]; op.appendChild(document.createTextNode(c[i])); document.myform.bbb.appendChild(op); } } </script> </head> <body onLoad="Init();"> <form name="myform" method="post" action="飛ばし先プログラムファイル名"> <select name="aaa" onChange="SetChild();"></select> <select name="bbb"></select> <input type="submit" value="test"> </form> </body> </html>
その他の回答 (1)
- karumakaruma
- ベストアンサー率65% (65/100)
例えば、formのmethodをGETにした場合 飛ばし先プログラムファイル名?*****=+++++++ の後ろには何がつきますか？ こちらで確認した限りは、ちゃんと渡されているので 再度確認をお願いします。
お礼
karumakaruma様 前回の質問から引き続き見ていただいて本当にありがとうございます。 ご回答頂いた件、返答が遅くなり誠に申し訳ありません。 知識が無いためにご質問にお答えすることができなかったのですが、 formの所は以下のようになっています。 <form name="myform" method="POST" action="/?post_cgi?/" enctype="multipart/form-data"> 現在使用していますフォームは無料のものを利用しているのですが、不勉強のためどの辺りを変更すれば良いのか完全に理解できませんでした。。。 「遊園地」「絶叫系」と選ぶと「０」「０」と表示され、 「生き物」「水族館」と選ぶと「１」「１」となります。 配列の数字がそのまま出てしまっているようなのです。もしも対処法がお分かりになるようでしたらお教えいただけると嬉しいです。
関連するQ&A
- プルダウンメニューの表示変更
アンケートを採る際にプルダウンメニューを使用したいのですが、 「大カテゴリ」－「小カテゴリー」という区分けをしようと思っています。 この場合、最初に「大カテゴリ」を選択したら「小カテゴリ」は自動的に「大カテゴリ」に対応したメニューのみに切り替えることは可能でしょうか？ 以下のようなイメージなのですが、どのような技術を使用するのかお教え頂ければ幸いです。 -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* Ｑ．お出かけ先は？ 【大カテゴリ】 【小カテゴリ】 「遊園地」 → 「絶叫系」 → 「ほのぼの系」 → 「両方」 「生き物」 → 「動物園」 → 「水族館」 -*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* 何卒宜しくお願い致します。
- ベストアンサー
- HTML
- ＰＨＰとプルダウンメニュー
ＰＨＰで以下のことをやりたいのですが、どうしてもうまく出来ません。経験の有る方、どうぞ宜しくお願い致します。 ２つのプルダウンメニューがあり、１つ目のプルダウンメニューから選択時、選択された値に関連する項目をＤＢより２つ目のプルダウンメニューに登録したいのです。 ちなみにＤＢはＯｒａｃｌｅを使用しています。 プルダウンメニューから選択時は、どのようなイベント（？）が発生するのでしょうか？ もし、ＰＨＰで出来ない場合、他にどのような方法がありますか？ 宜しくお願い致します。
- ベストアンサー
- PHP
- プルダウンメニューの利用
htmlのプルダウンメニューを使用した値計算のインタフェースを作成したいと思っています。 プルダウンメニューに設定するメニュー項目に値を設定し、 onChangeを使用して、その値だけをPHPプログラムに渡すようにしたいのですが、 JavaScript部分をどのように書けばいいのか判りません。 どなたかご教授お願いいたします。 <form name="formtest" action="test.php" method="post"> <table> <tr> <th>カテゴリ*</th> <td> <SELECT NAME="iPlanet" onchange=""> <OPTION VALUE="9" selected>初期値 <OPTION VALUE="0">サンプル1 <OPTION VALUE="1">サンプル2 </SELECT> </td></tr> </table> </form> onchangeでValueの値をPHPに送りたいのです。 よろしくお願いします。
- ベストアンサー
- JavaScript
- プルダウンメニューの作成方法
以下のようなテーブル構造で、「あ」の部分にはFireworksで作成した、プルダウン型のメニューバー（JavaScriptで動作）が入り、「い」の部分にはFlashコンテンツが入っています。 「あ」のプルダウンは上から下に向かって「い」のFlashコンテンツ上に表示させたいのですが、これはできないのでしょうか？ ┌───────┐ │ あ │ ├───────┤ │ い │ │ │ └───────┘ 「い」の部分にFlashではなく、通常のイメージ（GIFなど）を入れている時は、問題なくプルダウンできていたのですが、Flashのコンテンツに変えると、プルダウンメニューが表示されません。 原因・もしくは解決法をお教え頂けると幸いです。
- 締切済み
- グラフィックソフト
- プルダウンメニューに関してご教授お願いします。
自分のホームページに使用する為のプルダウンメニューの作成方法を現在勉強中です。 以下のサイトの中の左のバナーで使用されているような、 カーソルを合わせると右にメニューが出てくるようなプルダウンメニューの作成はどうすれば良いのでしょうか？ かなり専門的な知識が必要でしょうか？？ http://www.yonekura-group.jp/ 作成方法等を分かりやすく説明しているサイト等がありましたら教えて下さい。
- ベストアンサー
- CSS
- プルダウンメニューのcurrentの使い方
こんばんは。初心者で質問自体説明不足かもしれませんが、 どなたかご教授願えたら幸いです。 ＣＳＳでサイトを制作しており、ほぼＣＳＳでできる横型プルダウンメニューを設置しました。 以下の様に「current」を使用して現在ページのメニューボタンの色を変えているのですが、 <ul> <li class="current"><a href="#">menu</a> <ul> <li><a href="#">submenu</a></li> <li><a href="#">submenu</a></li> </ul> </li> </ul> 上記のプルダウンメニューだと、入れ子の子メニューにも「current」 が適用されて、一緒に色が変わってしまいます。 親メニューのボタンの色だけを変えて、 子メニューの色まで変えない事はできるのでしょうか・・・。 ちなみに、currentで表示させる色と、子メニューのロールオーバー時の色は一緒です。 説明不足ですみませんが、どうぞよろしくお願い致します。
- ベストアンサー
- CSS
- プルダウンのメニュー表示について
JavaScriptでプルダウンメニューを表示する処理を作っているのですが、どうしても求める結果が得られずに困っています。 ○メニュー1 ―――――――――――――――――― ○メニュー2 ―――――――――――――――――― 上記の画面イメージの「メニュー1」をクリックした際に、JavaScriptで下記のようにメニューを表示させたいのです。 ○メニュー1 ●メニュー1-1 ●メニュー1-2 ●メニュー1-3 ●メニュー1-4 ―――――――――――――――――― ○メニュー2 ―――――――――――――――――― ところが、「○メニュー1」のすぐ下にborderが表示されてしまったり、●印のメニューの横幅が正確に伸びません。 こういうときはやはり、ulやdlなどを使わないで大人しくtableを使うべきでしょうか？ 何か良い方法がありましたら、ぜひともアドバイスを頂けないでしょうか？ 以下がコードの一部です。 [html] <div class="tree"> <a href="javascript:" id="test_01" onclick="getID(this);">○メニュー1</a> <div class="tree_sub"> <ul> <li class="left">●メニュー1-1</li> <li>●メニュー1-2</li> </ul> <ul> <li class="left">●メニュー1-3</li> <li>●メニュー1-4</li> </ul> </div> </div> <div class="tree"> <a href="#">○メニュー2</a> </div> [css] div.tree { border-bottom:1px solid #000000; width:365px; } div.tree_sub ul li { float:left; } div.tree_sub ul li.left { width:50%; }
- ベストアンサー
- その他（プログラミング・開発）
- <input>のvalue値をプルダウンメニューから受け取りたいのです
<input>のvalue値をプルダウンメニューから受け取りたいのですが、Javascriptを使用すれば出来るものでしょうか？もし可能でしたら、そのコードを教えて頂きたいです。 当方htmlとcssが少し出来る程度で、ウェブで調べても分からなかったので質問させていただきました。 以下はソースになります。 プルダウンのソース： <FORM> <SELECT> <OPTION SELECTED>SELECT</OPTION> <OPTION VALUE="AAABBB">A</OPTION> <OPTION VALUE="BBBBBB">B</OPTION> <OPTION VALUE="CCCCCC">C</OPTION> </SELECT> </FORM> ↑上で選択したvalueの値を、↓下の「ここの値」に渡したいです。 inputのソース： <input name="hosted_button_id" value="ここの値" type="hidden"> 宜しくお願いいたします。
- ベストアンサー
- JavaScript
- 【PHP】プルダウンメニューとリンク
またPHPに関して質問させていただきます。 この質問 (http://okwave.jp/qa5492047.html) の続きにあたりますが、 プルダウンメニューにデータベースの内容を反映させることはできました。 しかし今度はそのプルダウンメニューを選択した後、「決定」等のボタンを押すと、プルダウンで選択した内容のページに飛ばすといったことを行いたいのです。 例） ------------------------------------- 「朝」を選択した状態で「決定」ボタンを押す。 ↓ 「おはようございます」と次ページで表示される。 「昼」を選択した状態で「決定」ボタンを押す。 ↓ 「こんにちは」と次ページで表示される。 ------------------------------------- このようにしたいのですが、どなたか教えていただけませんか。 それと、このようなPHPのリンク関連に詳しく掲載しているサイトを教えていただけたら嬉しいです。 どうかよろしくお願いします。
- ベストアンサー
- PHP
- プルダウンメニューから他のページへ移動するには？
先程ソフトウェアのページにも投稿したのですが、この『教えて！goo』の質問するカテゴリーを選択するプルダウンメニュー形式のページがありますよね？この様にしたいのです。 プルダウンメニュー（カテゴリーは２種類）とボタンまでは作成したのですが、メニューを選択しボタンをクリックすると他のページへ移動する・選択結果（４８パターンあります）によって移動するページが異なる。この様な設定にするにはどうすればよいのでしょうか？ よろしくお願いします。 ・ホームページビルダーを使っており、HTML・JavaScriptに関しては初心者です。
- ベストアンサー
- HTML
お礼
1E-9様 せっかくご回答いただいたのにお礼が遅くなり大変申し訳ありません。 ご指導いただいた形でやってみたのですが、やはりデータの受け取りが正常にできないようです。。。 現在使用していますフォームは無料のものを利用しているのですが、不勉強のためどの辺りを変更すれば良いのか完全に理解できませんでした。 「遊園地」「絶叫系」と選ぶと「０」「０」と表示され、 「生き物」「水族館」と選ぶと「１」「１」となります。 配列の数字がそのまま出てしまっているようなのですが、もしお分かりになるようでしたらお教えいただけると嬉しいです。