formでinputをforeachで繰り返した際にvalueに入る値が一番初めの値になってしまう・

Question

問題点

foreachで配列を繰り返して表示し、それに対応したボタンをクリックした際にinputのvalueの値を受け取ろうと思いましたがどのボタンを押しても0を取得してしまう。foreachで繰り返す際に<span>などではしっかり配列の順番通りに表示されるがinputのvalueの部分は１回目の繰り返しの値に固定になってしまうので困っています。

//初期画面を表示
public function show(Request $request)
    {
        $as = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];

        return view("newproject.try", [
            "as" => $as,
        ]);
    }
//送られてきた値を表示
    public function create(Request $request)
    {
        if (isset($request->try)) {
            dd($request->try);
        }

        return;
    }

<div class="try">

        @foreach($as as $a)
        <span>{{ $a }}</span>

        <button class="btn" type="button" onclick="event.preventDefault();
                    document.getElementById('trytry').submit();">送信する</button>

        <form id="trytry" action="{{ route('routeTry') }}" method="POST" style="display: none;">
            @csrf
            <input type="hidden" name="try" value="{{ $a }}">
        </form>

        @endforeach

    </div>

html表示した際の画面

##解決したい事

繰り返し配列を表示した際に、その値に対応する値を取得したい。現在は一番最初の値が送られてきてしまうのでそれを解決したいです。回答をよろしくおねがいします。

編集・追記
ソース表示とクリックした際の画像を追加しました。

０のボタンをクリックした際の表示

5のボタンをクリックした際の表示

9のボタンをクリックした際の表示

Comments

[m.ts10806]

>１回目の繰り返しの値に固定になってしまう

提示内容だけではわかりませんので、ブラウザ「ソースを表示」で得られるhtmlもご提示ください。

Answer 1

同一idは１画面に１つしか存在してはいけないというhtmlの原則があるのでformのidを全て別の名前で振ってください。JavaScriptで渡している引数も部分も同様に調整してくださいね

Comments

[m.ts10806]

ボタンにonclickで直submit仕込むならthisにかえてもいいと思いますが、それと原則は別なので修正は必要あり

[toto654]

ありがとうございました！もう一度試してみたいと思います

[m.ts10806]

解決のヒントになったようで何よりです

[m.ts10806]

あとできればボタンはsubmitでなくてもform内に入れてあげたほうがやりやすくなると思います。

[toto654]

そうなんですね！自分が見たサイトでは外に出ていたので、それをそのまま参考にしちゃいました。

[m.ts10806]

確認アラートだすわけでもないならform内にいれてsubmitボタンにしたほうがいいくらいですね。
ただidの原則については確認して必ず守るようにしてください。

[toto654]

これはformを使って値をcontrollerに送っていますが、他にviewからcontrollerに送る方法って何かありますか？urlに値を含める方法も知りましたが、urlに含めたくない時もありどのように送るのか迷ってます。
ボタンを押した際に値をcontrollerに送るのにformを使うしかないのか、もっと別に出来る方法があるのか知りたいです・。

[m.ts10806]

ん、「viewからcontrollerに送る」という考え方がphp的でないので大変違和感ありますが、どんな情報をなんの用途で送りたいかによります。
如何様にもできるのはできますが、場面によってやりやすい方法とか望ましい方法はあるので。
まあ、そこは今回の要件とは離れるのでもう少し色々検証してみて詰まったら質問あげてみてください

[toto654]

そうなんですね。色々とここで質問してしまいすみません。
改めて調べてみて何かあったら質問を新しくしたいと思います。
ありがとうございました！