HTMLでループ毎にhiddenに要素を格納する

Question

前提・実現したいこと

HTML初心者なのですが、HTML上でforeachでのループ毎に、ボタンを生成、hiddenに要素を格納し、
ボタン押下時にpostしたいです。
例えば、$valueが以下の配列を保持している場合
value＝[order_no=1,name=a,kind=1,flag=1],
[order_no=2,name=b,kind=2,flag=2],
[order_no=3,name=c,kind=3,flag=3]
「a」のボタンを押したら、order_no=1,name=a,kind=1,flag=1
「b」のボタンを押したら、order_no=2,name=b,kind=2,flag=2
「c」のボタンを押したら、order_no=3,name=c,kind=3,flag=3
をpostされる様にしたいです。

発生している問題・エラーメッセージ

order_no、name、kind、flagを、ループ毎に格納したいのですが
プールの最終行で書き換わってしまいます。
上記例ですと、「a」「b」「c」すべてのボタンで
order_no=3,name=c,kind=3,flag=3
がpostされてしまいます。

該当のソースコード

<?php foreach($value as $key=>$item):?>
                <input type="hidden" name="order_no" value="<?= $item["order_no"]; ?>">
                <input type="hidden" name="name" value="<?= $item["name"]; ?>">
                <input type="hidden" name="kind" value="<?= $item["kind"]; ?>">
                <input type="hidden" name="flag" value="<?= $item["flag"]; ?>">                
                <button type="submit"><?= $item["name"]; ?></button>
<?php endforeach;?>

試したこと

ループ毎にhiddenのnameを変える方法を模索したのですが
可能であればnameはループ毎に変えずに実現をしたいです。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。$

Comments

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

Answer 1

ボタンごとに複数の内容のことなるパラメータをおくるなら
formを分けるのが現実的です。
そうでないならjsでパラメータを入れ替える処理などが必要になるでしょう

Comments

[K_Y_M]

ご回答ありがとうございます。
ボタン毎にformを作成する様に修正してみます。

Answer 2

可能であればnameはループ毎に変えずに実現をしたいです。

であれば、ループごとに(ボタンごとに)formを分ける、
という手がありますね。
現状は、foreachの外側にformタグがあると思いますが、
それをforeachの内側に入れる感じです。

あるいは、hiddenは1セットだけにして、
押されたボタンに応じて、JSでhiddenのvalueを変更してから
submitするとか。

Comments

[K_Y_M]

ご回答ありがとうございます。
formを含めてループする様に修正してみます。