<form>間の値の受け渡し

Question

お世話になっております。
PHP/HTML初心者です。
下記の動きを実装したいのですが、なかなかできず
頭を悩ませております。。

※これらはすべて同ページ上で行われるため、ページ移動はございません※

①検索フォーム<form>～</form>
→テキストボックスやチェックボックスなどにユーザーが入力
→それを元に[検索]ボタンを押下すると、PHP側でsqlが走り、その結果が検索結果として一覧表示される
→かつ、[CSV出力]ボタンが表示される

②CSV出力フォーム<form>～</form>
→①のユーザー入力値をもとに[CSV出力]ボタンを押下すると、PHP側で再度SQLが走り、結果がCSVでダウンロードされる

//検索フォーム
<form name="form" method=POST action="{{$SCRIPT_NAME}}">
	<input type=hidden name=name value="検索">
        //検索パラメータ
        <input type="text" name="aaa" value="ユーザー入力値">
 　　　　<input type="checkbox" name="bbb" id="ccc" value="ユーザー入力値">					
</form>

//ダウンロードフォーム
<form name="form" method=POST action="{{$SCRIPT_NAME}}">
	<input type=hidden name=name value="ダウンロード">
        //ダウンロードパラメータ
</form>

‥という機能を作りたいと考えているのですが、
②CSV出力フォームに、①の検索フォームでユーザーが入力した値を
取得してくることができずにおります。
尚、不格好ではありますが、<form>タグを分けずに実装した結果、
CSV出力ができるまではいったのですが、
[CSV出力]押下前にユーザーが検索フォーム内の値を変更してしまうと、
[CSV出力後、その変更されたままの値でSQLが走ってしまうため、
想定通りの結果を出力させることができず、、といった状況で、

<form>タグを2つに分けて奮闘しているとことです。

こちらでも質問させていただいたのですが、
理解力不足でまだ解決に至っておりません。
そこで、
・<form>と<form>間で、値を引き継ぐ方法
（・そもそも<form>タグを2つに分けずに上手く実装する方法）
を、ご教示をお願いできますと幸いです。

Comments

[yambejp]

https://teratail.com/questions/251949#reply-363929

のどこがどうダメで同じような質問を投げているのでしょうか？

[Lhankor_Mhy]

ソースコードを書きましょう
https://teratail.com/help/question-tips#questionTips3-5-1

結果（実際に起きたこと）を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-1

期待した処理結果を書きましょう
https://teratail.com/help/question-tips#questionTips3-4-3

[x_x]

「その変更されたままの値でSQLが走ってしまうため」ということはほしいのは別の値なので2つの form が良いと考えますが、1つにしたい理由は何でしょうか？

[rrr_s]

x_x様

ご回答ありがとうございます。
いえ、特に1つにしたい理由はなく、、
そもそも初心者のため、1つがよいのか2つがよいのか、というところでも
躓いてしまっているような状況です。

2つのformでの値受け渡しにて、
お手すきの際ご教示をお願いできますと幸いでございます。

[Lhankor_Mhy]

このHTMLであれば、JavaScript が走っていると思いますが、そのコードもご提示ください。

[rrr_s]

コメントありがとうございます。
カレンダー表示のみにJavaScriptを用いております。

<script language="JavaScript" type="text/javascript">
$(function(){
$("#aaa").datepicker();
$("#bbb").datepicker();
});
</script>

どうぞよろしくお願いいたします。

[Lhankor_Mhy]

このHTMLとJavaScriptでは、どう考えても動かないと思うのですが、実際にはサーバにリクエストが飛んでいるんですよね？

一体全体どうなっているんですか？　魔法でも使っているんですか？

[Lhankor_Mhy]

いや、失礼。言いすぎました。

とにかく、問題が再現するコードをご提示ください。
これでは、話にならない。

Answer 1

検索条件を送信したフォームの値を、
CSV出力用フォームの中にhiddenで全部置くことになります。

//検索フォーム
<form name="form" method=POST action="{{$SCRIPT_NAME}}">
    <input type=hidden name=name value="検索">
    //検索パラメータ
    <input type="text" name="aaa" value="ユーザー入力値">
    <input type="checkbox" name="bbb" id="ccc" value="ユーザー入力値">                    
</form>

//ダウンロードフォーム
<form name="form" method=POST action="{{$SCRIPT_NAME}}">
    <input type=hidden name=name value="ダウンロード">
    //ダウンロードパラメータ
    <input type="hidden" name="aaa" value="<?php echo h($_POST['aaa']); ?>">
    <input type="hidden" name="bbb" id="ccc" value="<?php echo h($_POST['bbb']); ?>">
</form>

Comments

[rrr_s]

いつもありがとうございます。
勉強不足で申し訳ないのですが、
下記のようにJavaScriptを用いてhiddenで置くようなイメージでしょうか‥？
https://www.ipentec.com/document/javascript-get-textbox-value

（タイムラグにより2度送信してしまっていたら申し訳ございません。。）

[退会済みユーザー]

フォーム上の検索ボタンクリックで、一旦PHPに対してPOST送信すると、
私が書いたようなコードになっていればPOST送信したパラメータが2つ目のCSV出力ボタン側フォームに出現する格好です。

もしも、検索ボタンクリックでajaxを使ってPHPとやり取りして表示するのだとしたら、
2つ目のフォームに検索パラメータを転写するjavascriptを書かないといけないでしょうね。

[rrr_s]

素っ頓狂な返信、大変失礼いたしました。。
ご教示いただいたもので再度実装してみます。
ありがとございました。