Jquery Laravel-如何根据员工类型id字段计数动态加载输入字段

在我的Laravel-5.8项目中，我使用动态输入字段根据科目添加学生考试分数

类型模型：

class LeaveType extends Model
{
   protected $table = 'leave_types';
   protected $fillable = [
              'id',
              'leave_type_name',
            ];
    public function leavetypedetail()
    {
        return $this->hasMany('App\Models\LeaveTypeDetail');
    }
}

LeaveTypeDetail模型：

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class LeaveTypeDetail extends Model
{
    protected $table = 'hr_leave_type_details';
    protected $fillable = [
              'id',
              'leave_type_id',
              'employee_type_id',
              'no_of_days',
          ];
    public function leavetype()
    {
        return $this->belongsTo('App\Models\LeaveType', 'leave_type_id', 'id');
    }

    public function employeetype()
    {
        return $this->belongsTo('App\Models\EmployeeType', 'employee_type_id', 'id' );
    } 
}

看法

这用于计算EmployeeType表中的行数

如何使用$count\u employeetypes自动加载，而不是使用addRow动态添加输入字段

                        <tr>
                            <td width="60%">                    
                                    <option value="0" selected="true" disabled="true">Select Employee Type</option>
                                     @if($employeetypes->count() > 0 )
                                        @foreach($employeetypes as $employeetype)
                                         <option name="employee_type_id[]"  value="{{$employeetype->id}}">{{$employeetype->employee_type_name}}</option>
                                        @endforeach
                                    @endif                                         
                                </select>
                            </td>
                            <td width="35%"><input type="text" name="no_of_days[]" placeholder="Enter leave days here" class="form-control no_of_days" max="120"></td>
                            <td width="5%"><a class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>
                         </tr>

选择员工类型
@如果（$employeetypes->count（）>0）
@foreach（$employeetype作为$employeetype）
{{$employeetype->employee_type_name}
@endforeach
@恩迪夫

如果$count_employeetypes=3，那么它将动态生成其中的3个，以此类推

我如何做到这一点

谢谢

   <form  action="{{route('leave.leave_types.store')}}" method="post" class="form-horizontal" enctype="multipart/form-data">
       {{csrf_field()}}
               
       <div class="card-body">
        <div class="form-body">
        <div class="row">  

          <div class="col-12 col-sm-12">
            <div class="form-group">
              <label class="control-label"> Leave Type Name:<span style="color:red;">*</span></label>
              <input  type="text" name="leave_type_name" value="{{ old('leave_type_name', $leavetype->leave_type_name) }}" placeholder="Enter leave type name" class="form-control @error('leave_type_name') is-invalid @enderror">
                @error('leave_type_name')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror                 
            </div>
          </div>

   <div class="col-sm-12">
            <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th scope="col">Employee Type<span style="color:red;">*</span></th>
                            <th scope="col">Leave Days<span style="color:red;">*</span></th>
                            <th scope="col"><a class="btn btn-info addRow"><i class="fa fa-plus"></i></a></th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td width="60%">                    
                                    <option value="0" selected="true" disabled="true">Select Employee Type</option>
                                     @if($employeetypes->count() > 0 )
                                        @foreach($employeetypes as $employeetype)
                                         <option name="employee_type_id[]"  value="{{$employeetype->id}}">{{$employeetype->employee_type_name}}</option>
                                        @endforeach
                                    @endif                                         
                                </select>
                            </td>
                            <td width="35%"><input type="text" name="no_of_days[]" placeholder="Enter leave days here" class="form-control no_of_days" max="120"></td>
                            <td width="5%"><a class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>
                         </tr>
                        </tbody>

                    </table>
        </div>

       </div>
     </div>
    </div>          

    <div class="card-footer">
      <button type="submit" class="btn btn-primary">{{ trans('global.save') }}</button>
      <button type="button" onclick="window.location.href='{{route('leave.leave_types.index')}}'" class="btn btn-default">Cancel</button>
    </div>           
       
    </form>

<script type="text/javascript">
     $(document).ready(function(){
        $('.addRow').on('click', function () {
            addRow();

        });
        function addRow() {
            var addRow = '<tr>\n' +
'    <td width="60%"><select class="form-control select2bs4" data-placeholder="Choose Employee Type" tabindex="1" name="employee_type_id[]">\n' +
'             <option value="0" selected="true" disabled="true">Select Employee Type</option>\n' +
'              @if($employeetypes->count() > 0 )\n' +
'                 @foreach($employeetypes as $employeetype)\n' +
'                 <option value="{{$employeetype->id}}">{{$employeetype->employee_type_name}}</option>\n' +
'                 @endforeach\n' +
'             @endif\n' +
'         </select></td>\n' +
'           <td width="35%"><input type="text" name="no_of_days[]" placeholder="Enter leave days here" class="form-control no_of_days" max="120"></td>\n' +
'           <td width="5%"><a   class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>\n' +
'           </tr>';
            $('tbody').append(addRow);
            addRemoveListener();
        };
    addRemoveListener();
  });

$count_employeetypes = EmployeeType::get()->count();

                        <tr>
                            <td width="60%">                    
                                    <option value="0" selected="true" disabled="true">Select Employee Type</option>
                                     @if($employeetypes->count() > 0 )
                                        @foreach($employeetypes as $employeetype)
                                         <option name="employee_type_id[]"  value="{{$employeetype->id}}">{{$employeetype->employee_type_name}}</option>
                                        @endforeach
                                    @endif                                         
                                </select>
                            </td>
                            <td width="35%"><input type="text" name="no_of_days[]" placeholder="Enter leave days here" class="form-control no_of_days" max="120"></td>
                            <td width="5%"><a class="btn btn-danger remove"> <i class="fa fa-times"></i></a></td>
                         </tr>