• 締切済み

WordPressのフォームについて質問です。

Contact Form 7を使ってお問い合わせフォームを作りたいのですが 2段形式のドロップダウンを作りたいと思っております。 プルダウン1で選んだ項目によってプルダウン2に表示される内容を変更したいと思っています。 例 ●プルダウン1 【色を選択】 赤 青 緑 ●プルダウン2 【項目を選択】 赤─┬太陽   └イチゴ 青─┬海   └箱 緑─┬野菜   └木

  • CSS
  • 回答数1
  • ありがとう数0

みんなの回答

noname#249914
noname#249914
回答No.1

Contact Form 7だけではおそらく無理だと思います。(たぶんデフォルト機能で用意されていない) プルダウン1の中身に応じて、プルダウン2の中身を非同期で動的に変更したい、となるとJaveScriptを利用することになります。フォームの生成にContact Form 7を利用し、そのなかでプルダウンの動的変更部分のみJavaScriptを組み合わせるわけです。 ちょっと難易度が高いと思いますので、プルダウン2の動的な変更はあきらめて違う方法を模索するのが近道だと思います。

関連するQ&A

  • Accessのフォーム解析

    業務の関係上、作成者がいないAccess2000の フォームの解析をしています。 (マクロやモジュールがありますが、 どこを見ればいいのか分からない状況です) フォームの機能ですが、 ドロップダウンから項目を選択すると、 ドロップダウンにフラグ番号と テキストボックスに項目名が表示されるものです。 フラグ番号と項目名はテーブル1に登録 されています。 テーブル1のフラグ番号と項目名と 追加すれば、フォーム上で表示されると 思うのですが、表示されません。 表示させるには、どのようにすれば良いの でしょうか? 抽象的になってしまい、申し訳有りません。

  • フォームのドロップダウンで未選択のチェックをしたいのですが、下記のよう

    フォームのドロップダウンで未選択のチェックをしたいのですが、下記のようにしたのですがうまくいきません。・・・原因は id[1] だと思うのですが、こういう場合JavaScriptには、どのように記述すればよいのでしょうか? ※ドロップダウンの name="id[1]" は、変更できません。 よろしくお願いします。 <script language="JavaScript"> <!-- function check(){ if(document.cart_quantity.id[1].selectedIndex == 0){ alert('選択してください'); return false; } return true; } //--> </script> <form name="cart_quantity" method="post" action="" onSubmit="return check()"> <select gtbfieldid="272" name="id[1]" id="attrib-1"> <option value="1" selected="selected">選択してください</option> <option value="2">いちご</option> <option value="3">みかん</option> <option value="4">りんご</option> </select> <input type="submit" value="送信" name="submit"> </form>

  • グラフの色について質問

    折れ線グラフを作っています。項目が4つあります。色分けについて、赤、青、緑を使いましたが、もう一色は何を使うのが良いか教えてください。

  • <input type="reset"> の仕様について

    いつもお世話になっております。 HTMLのリセットボタンについて、質問させて下さい。 <input type="reset"> を使用した際の、プルダウンの動作なのですが、以下の動作をするのはHTMLの仕様(?)なのでしょうか? ---- 前提条件 ---- <画面初期表示> ○色プルダウン▼ ブランク【初期値】 赤 黄 緑 ○くだものプルダウン▼ ブランク【初期値】 <画面表示時にonLoadで行う処理【配列生成】> 赤くだもの = new Array('りんご', 'いちご'); 黄くだもの = new Array('バナナ', 'レモン'); 緑くだもの = new Array('キウイ', 'メロン'); ---- 質問内容 ---- (1)色プルダウン選択時に、JavaScriptを使用して、くだものプルダウンの内容を生成する。 例)「赤」を選択した場合、くだものプルダウンは ○くだものプルダウン▼ りんご【初期値】 いちご と表示される。 (2)表示されたくだものプルダウンから、「いちご」を選択する。 (3)リセットボタンを押下する。 ********** (3)のオペレーション後の画面表示は、 ○色プルダウン▼ ブランク ○くだものプルダウン▼ りんご になります。 あたかもくだものプルダウンがリセットされていないかのように見えますが、これはHTMLリセットを使用している以上、仕方のないことでしょうか? <input type="reset">でプルダウンのリセットを行う場合は、先頭の要素に戻される、という認識であっていますでしょうか? ご教授お願い致します。 (参考URLを紹介して頂ければ、幸いです。) 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 陰陽五行説で青または緑が木、赤が火、白が金、紫が水

    陰陽五行説で青または緑が木、赤が火、白が金、紫が水、黄が土って本当ですか? 青は水だと思っていました。なぜ紫が水を意味するんですか? あと木は青か緑ってなんで木は2色あるんですか?

  • 二つのプルダウンメニューからそれぞれ組み合わの外部リンクを作りたいのですが

    HP作成初心者です。 いろいろ検索したのですが検索の仕方が悪いのかよくわからないので ご教授お願いいたします。 二つのプルダウンメニューを作り、各項目を選択し GOボタンを押してそれぞれ選択した項目に当てはまるリンクへって感じで作成したいのですが。 例 服の色 赤 青 黄 サイズ L M S それぞれを選択しGOボタンで選択項目にあったリンクへ どうぞ宜しくお願いいたします。

    • ベストアンサー
    • HTML
  • エクセルの条件セルコピーについて

    例えばa3のセルに「ひらがな」と入力されたらb3のセルのドロップダウンリストが『「あ」「か」「さ」「な」』の中から選択できるようにする、 もし、a3のセルに「カタカナ」と入力されたらb3のセルのドロップダウンリストの選択項目が『「ア」「カ」「サ」「ナ」』になる、 もし、a3のセルに「漢字」と入力されたらb3のセルのドロップダウンリストの選択項目が『「月」「土」「日」「火」』になって選べるようになる、 … という風にそのセルの値によって隣のドロップダウンリストの選択項目を変えたい場合はどうすればいいですか?

  • MicrosoftWord :フォームの使用方法

    面白い現象を発見しましたので、皆さんもやって見て下さい! 1.Wordで「表示」→「ツールバー」→「フォーム」でフォームツールバーを出す 2.左側から3番目「ドロップダウンフォームフィールド」をクリックし、適当な箇所に2つ貼り付ける。 3.右クリックから「プロパティ」を開き、それぞれ項目を何個か追加する 4.これを使用するためにフォームツールバー1番右の「フォームの保護」をクリックする 5.するとフォームが使用出来るようになるので、貼り付けた片方のみ、どれかを選択する 6.この状態だと、普通のWordとしての機能が使えないため、「フォームの保護」を解除する。この状態だとドロップダウンで選択した情報は残っている。 7.次にもう1つのドロップダウンを変更したいな!と思い、もう1度「フォームの保護」をクリックする 8.すると、前に入れた方のドロップダウンの情報が書き換えられ、項目の1番目に戻ってしまう このように、「フォームの保護」を行うと、前の情報はクリアになってしまいます。しかし、1箇所だけ変更したい!など特定の箇所のみの変更をしたい時に、すべての情報が消えてしまうのは、非常に使いづらいです。これ以外の方法ではフォームの使用が出来なそうなので、この改善策等が御座いましたらお教え下さい。

  • 複数のドロップダウンリストを連携するには?

    PHP+MySQLで作成しています。 hoge.phpでデータ処理を行い、hoge.htmlでhoge.phpをrequireしています。 このサイトの新規質問投稿フォーム(http://okwave.jp/oshiete_new.php3)の「投稿カテゴリー」のようなものを作りたいと思っています。 onChangeとdocument.hoge.submit()を使うところまではわかりましたが、以下のことについて教えてください。 <Q1> ドロップダウンリストのデータは、DBから取得します。 カテゴリーを選択した後、そのデータはどのように保持すればいいのでしょうか? 二つ目のドロップダウンリストを選択すると、一つ目のドロップダウンリストがリセットされます。 <Q2> <form name="all" action="entry.php> //フォーム全体 <input type="text" name="onamae"> //名前 <input type="text" name="email"> //E-Mail <form name="dd1" action="$PHP_SELF></form> //一つ目のドロップダウンリスト <form name="dd2" action="$PHP_SELF></form> //二つ目のドロップダウンリスト <form name="dd3" action="$PHP_SELF></form> //三つ目のドロップダウンリスト <textarea></textarea> //コメント欄 <input type="submit" value="送信"> </form> 上記のように<form>をネストできません。全データを送信するにはどのようにすればいいのでしょうか?

    • 締切済み
    • PHP
  • PHP-メールフォームのプルダウンメニュー

    お世話になります。 現在、メールフォームのプルダウンメニューで下記のコードにより選択項目によってリンク先のページを切り替えて表示しています。 <form method="POST" name="form_select" id="sample_1"> <script><!-- function change_action_to(){ var 変更する項目一覧=new Array("","201501_1.php","201502_1.php","201503_1.php","201504_1.php","201505_1.php","201506_1.php","201507_1.php","201508_1.php","201509_1.php","201510_1.php","2015011_1.php","2015012_1.php"); var 選んである項目の番号=document.getElementById("sample_1_1").selectedIndex; var actionを変更したいフォームのオブジェクト=document.getElementById("sample_1"); actionを変更したいフォームのオブジェクト.setAttribute("action",変更する項目一覧[選んである項目の番号]); } //--></script> さらに、もう一つのプルダウンメニューで選択肢が「A」と「B」があり、 例えば1つ目で「2015年1月」を選択し、2つ目で「A」を選んだ場合、「201501_1a.php」へ もしくは1つ目で「2015年1月」を選択し、2つ目で「B」を選んだ場合、「201501_1b.php」へ と別ページへリンクする方法が知りたいです。 どなたかご教授お願いいたします。

    • 締切済み
    • PHP

専門家に質問してみよう