laravelのView（Blade）からControllerへの配列を使用してデータを渡す

Question

私はリピータ入力ボックスと選択ボックスを持つブレードフォームを持っていますが、リピータはうまく動作しますが、これらのフィールドのデータをバックエンドコントローラのlaravel？複数の選択ボックスがリピータを使用して提出されたとき、私は配列形式で値を送信するにはどうすればよい

add.balde.php

<!--begin::Add-Invoice-Form--> 
<form class="m-form m-form--fit m-form--label-align-right m-form--group-seperator-dashed" action="{{route('store_invoice')}}" method="POST" enctype="multipart/form-data"> 
    {{ csrf_field() }} 
    <div class="m-portlet__body"> 
     <div class="form-group m-form__group row"> 

      <div class="col-lg-4"> 
       <label> 
        Customer Name: 
       </label> 
       <select class="form-control m-select2" id="m_select2_1" name="customerId"> 
        @foreach($customer_list as $customer) 
         <option value=" {{ $customer->id }} "> 
         {{ $customer->fName }} {{ $customer->mName }} {{ $customer->lName }} 
         </option> 
        @endforeach 
       </select> 
      </div> 
      <div class="col-lg-4"> 
       <label> 
        Invoice Type: 
       </label> 
       <div class="m-radio-inline"> 
        <label class="m-radio m-radio--solid"> 
         <input type="radio" name="invoiceType" checked value="billable"> 
         Billable 
         <span></span> 
        </label> 
        <label class="m-radio m-radio--solid"> 
         <input type="radio" name="invoiceType" value="nonbillable"> 
         Non Billable 
         <span></span> 
        </label> 
       </div> 
      </div> 
     </div> 

    <div id="m_repeater_1"> 

     <div class="form-group row" id="m_repeater_1"> 
      <div data-repeater-list="" class="col-lg-12"> 
       <div data-repeater-item class="form-group m-form__group row align-items-center"> 
        <div class="col-lg-4"> 
       <label> 
        Summary Number: 
       </label> 
       <select class="form-control m-select2" id="m_select2_2" name="certificateId[]"> 
        @foreach($certificate_list as $certificate) 
         <option value=" {{ $certificate->id }} "> 
         {{ $certificate->summary_no }} ({{ $certificate->certificateType() }}) 
         </option> 
        @endforeach 
       </select> 
      </div> 
        <div class="col-lg-3"> 
           <label> 
            Rate: 
           </label> 
           <input type="number" class="form-control m-input" name="rate" placeholder="Enter rate"> 
        </div> 
        <div class="col-lg-3"> 
         <br/> 
         <div data-repeater-delete="" class="btn btn btn-danger m-btn m-btn--icon"> 
          <span> 
           <i class="la la-trash-o"></i> 
           <span> 
            Remove 
           </span> 
          </span> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
     <div class="m-form__group form-group row"> 
      <div class="col-lg-4"> 
       <div data-repeater-create="" class="btn btn btn-warning m-btn m-btn--icon"> 
        <span> 
         <i class="la la-plus"></i> 
         <span> 
          Add 
         </span> 
        </span> 
       </div> 
      </div> 
     </div></div> 


    </div> 

    <div class="m-portlet__foot m-portlet__no-border m-portlet__foot--fit"> 
     <div class="m-form__actions m-form__actions--solid"> 
      <div class="row"> 
       <div class="col-lg-4"></div> 
       <div class="col-lg-8"> 
        <button type="submit" class="btn btn-primary"> 
         Submit 
        </button> 
        <button type="reset" class="btn btn-secondary"> 
         Cancel 
        </button> 
       </div> 
      </div> 
     </div> 
    </div> 
</form> 
<!--end::Add-Invoice-Form--> 

？あなたは

<div data-repeater-list="" class="col-lg-12"> 

を変更するには、与えられた名前

Answer 1

を配列として値を選択受信するサーバー側では、この

<input type="text" value="val" name="somename[]"> 
<select name="someSelectName[]"> 
    <option value="value">select 1 
    </option> 
</select> 

ような何かを試すことができ

Answer 2

This images shows the UI for the form

ありがとうございましたTo

<div data-repeater-list="arrayName" class="col-lg-12"> 

とする必要があります。

これは、すべての入力名はarrayName[number][input]の配列フォーマットを持つようになり、各入力のため、最終的には要求における数の増加は、あなたが動作しませんarrayName