質問: ``` お問い合わせフォーム お名前(必須) ご連絡先 Email(必須) お問い合わせ内容(必須) 確認画面 お問い合わせ内容 確認画面 お問い合わせ内容は以下でよろしいでしょうか。よろしければ「 送信する 」ボタンを押してください。 お名前 ご連絡先 Email お問い合わせ内容 もどる 送信 送信しました。 フォーム入力に戻る ``` ``` $(function(){ $('button').on('click',function(){ switch($(this).text()){ case "確認画面": case "もどる": $('.form-area:eq(0),.form-area:eq(1)').toggleClass("active"); break; case "送信": $('.form-area:eq(1),.form-area:eq(2)').toggleClass("active"); break; case "フォーム入力に戻る": $('.form-area:eq(0),.form-area:eq(2)').toggleClass("active"); break; } }); }); ``` 現在このようなコードになっています。(jsは表示切り替えのみです。) この状態で、エリア1で入力した情報をページ遷移をせずに エリア2に反映させることは可能でしょうか? 加えてその情報を引き継いだままメールを送信することは可能でしょうか? 調べてみましたがajaxを使うのが一般的な気がしますが、ajaxを扱ったことがなく どう調べていいかも不明なため質問いたしました。 ご教授よろしくお願いいたします。 したい動きをしているサイトを見つけたので貼っておきます。 以下のページの下にあるフォームのような動きを実現したいと考えています。
回答: 簡単なのはgetとpostのあわせ技ですかねー。 関係ないフォームはそもそもHTMLにすら含ませません。 1点注意すべきは「~の外にあるsubmitボタン押しても何も送信しないよ」ってことですね。 form内に入れてください。 あとインデントのレベルが合ってないように思うので、調整した方が良いですね。 ``` 送信しました EOF; } echo <<< EOF お問い合わせフォーム {$form} {$next_button} EOF; ``` 戻るボタンとかsubmitボタンのcssクラスとか色々省略していますが、 その辺りは調整してください。 追記 === 今回の質問にPHPコードが一切ないことと、これまでの質問を拝見したところから察するに、 まだまだPHPで(入力フォームの)データを扱うところの理解が低いように見受けられます。 色々とやりたいのは分かりますが、段階をおってやっていくことが逆に近道となり、 できることの幅が広くなります。 もっと基本のところから学んでいき、動作を含めた装飾については後々あわせていくようにしてはいかがでしょうか。