Only the last values are submit

Question

On the page for drawing the values, after entering the values into different fields, only the last ones are passed on.

There should be e.g.: for values v1, v2, v3, v4, v5 and groups g1, g2 the example result should be g1: v1, v3; g2: v2, v4, v5.

Actually it is: g2: v5 from the above example.

Where do I make a mistake? I'm very beginner, so there may be unintentional errors in the code. Here's my code.

Entering values. New fields appear when the button is pressed.

<div class="mx-auto position-relative form-wrapper">
            <form method="post" id="form" action="{{route('randomizeValues.store')}}" name="form" class="form text-center"
                data-response-message-animation="slide-in-left" novalidate>
                @csrf
                <div id="parent" class="list-group">
                    <div class="form-group form-filed horizontal">
                        <input name="values" class="input" type="text" autocomplete="off" placeholder="Enter value"
                            autofocus onkeypress='validate(event)' onkeydown="pressEnter(event)" required>
                    </div>
                </div>
                <div id="parent" class="list-group">
                    <div class="form-group form-filed horizontal">
                        <input name="groups" class="input" type="text" autocomplete="off" placeholder="Enter group"
                            autofocus onkeypress='validate(event)' onkeydown="pressEnter(event)" required>
                    </div>
                </div>
                <button type="submit" class="btn btn-lg btn-alternate align-center">Draw</button>

Display the results in tables.

<div class="section-heading text-center">
                <h2>The following groups of results were drawn:</h2>
                @foreach ($values_json as $value => $val)
                <table class="table table-responsive">
                    <thead>
                        <tr>
                            <th style="width: 16.66%" scope="col">{{$value}}</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($val as $v)
                        <td> {{$v}}
                            {{$loop->last? "": "  &nbsp; " }} </td>
                        @endforeach
                    </tbody>
                </table>
                @endforeach
                <form method="post" id="form" action="{{route('randomizeValue.store')}}" name="form"
                    class="form text-center" data-response-message-animation="slide-in-left" novalidate>
                    @csrf
                    <button type="submit" class="btn btn-lg btn-alternate align-center">Draw again</button>
                    <a href="/randomizeValue" id="destroySession" type="submit"
                        class="btn btn-lg btn-alternate align-center">Cancel</a>
                </form>
            </div>
                </form>
            </div>

score 0 · Answer 1 · answered Jul 25 '20 at 12:18

0

You're forgetting to put things in <tbody> in a row. Simply add <tr></tr> next to the <td>'s.

                <tbody>
                    @foreach($val as $v)
                    <tr>
                        <td> {{$v}} {{$loop->last? "": "  &nbsp; " }} </td>
                    </tr>
                    @endforeach
                </tbody>

answered Jul 25 '20 at 12:18

GreenPepper

138
2
11

Thank you for the suggestion, but the problem still exists. – j.sadne Jul 25 '20 at 12:30
It still only displays g2: v5? – GreenPepper Jul 25 '20 at 12:31
Unfortunately, but yes. Maybe the problem lies in processing the value? – j.sadne Jul 25 '20 at 12:41
That would be my next thinking. Would you share your Controller please? – GreenPepper Jul 25 '20 at 12:42
Try to `dd()` the values and paste them please – GreenPepper Jul 25 '20 at 12:55
I don't know how to use it or where to paste dd(). – j.sadne Jul 25 '20 at 13:13
Just `dd()` and in the parenthesis your variables. You should get your variables and what's in them – GreenPepper Jul 25 '20 at 13:17
After placing in the result form and using the example values: array:1 [▼ 0 => "v5" ] – j.sadne Jul 25 '20 at 13:28

score 0 · Answer 2 · answered Aug 05 '20 at 07:11

try this

     <div class="section-heading text-center">
            <h2>The following groups of results were drawn:</h2>
           
            <table class="table table-responsive">
                <thead>
                    <tr>
                        <th style="width: 16.66%" scope="col">{{$value}}</th>
                    </tr>
                </thead>
                <tbody>
                  @foreach ($values_json as $value => $val)
                      @foreach($val as $v)
                         <td> {{$v}} {{$loop->last? "": "  &nbsp; " }} </td>
                      @endforeach
                  @endforeach 
                </tbody>
            </table>

score 0 · Answer 3 · answered Aug 05 '20 at 07:31

It looks like you have nested forms, which is a no-no unless you use JS to handle the submission.

I suggest you get the second form out of the first one and try that way. You can read more about the form element here: https://html.spec.whatwg.org/multipage/forms.html#the-form-element

Or read the discussion here: https://stackoverflow.com/a/379622/2671523

Only the last values are submit

3 Answers3