как добавить строку с зависимым раскрывающимся списком в laravel - PullRequest
0 голосов
/ 26 сентября 2019

Привет, я застрял здесь, где я создаю Addrow (+), если я нажимаю эту кнопку, он добавляет строку, сколько раз мы нажимаем.Эти строки состоят из двух выпадающих списков, в которых первый выводится из значения базы данных, а второй зависит от первого блока.Я полностью застрял. Я очень плохо знаком с Laravel, и я не понял, где это сделать. У меня есть изображение, как далеко я проделал. enter image description here

<script type="text/javascript">
  $('.addRow').on('click',function(){
    addRow();
    var i=1;
  });

  function addRow(){
    i++; 
    var tr = '<tr id="row'+i+'">'+
                    '<td>'+                     
                    '<select class="form-control input-lg dynamic" name="service_type[]" id="service_type" data-parsley-required="true" data-dependent="service_name">'+
                                '<option value="">Select Service Type</option>'+
                                @foreach ($services as $service )
                                  '<option value="{{ $service->service_type }}">{{ $service->service_type }}</option>'+
                                @endforeach
                              '</select>'+                        

                            '</td>'+
                  '<td>'+
                      '<select class="form-control input-lg dynamic" name="service_name[]" id="service_name" data-parsley-required="true">'+
                        '<option value="">Select Service name</option>'+
                      '</select>'+
                    '</td>'+
                  '<td><select class="form-control" name="service_sess[]" id="service_sess" data-parsley-required="true">'+
                                '<option value="">Select Sessions</option>'+
                                '<?php 

                                    for($i=0; $i<=20; $i++)
                                    {

                                        echo "<option value=".$i.">".$i."</option>";
                                    }
                                   ?>'+
                              '</select></td>'+
                  '<td><a href="#" class="btn btn-danger remove">-</td>'+
                '</tr>';
              $('tbody').append(tr);

  };
  i=1;
  $('tbody').on('click','.remove',function(){
    $(this).parent().parent().remove();
  });

</script>
<script type="text/javascript">
  $(document).ready(function(){
       $('.dynamic').change(function(){
        if($(this).val() != '')
        {
          var select = $(this).attr("id");
          var value = $(this).val();
          var dependent = $(this).data('dependent');
          var _token = $('input[name="_token"]').val();
          $.ajax({
            url:"{{ route('StandardPackageController.fetch') }}",method:"POST",data:{select:select,value:value,_token:_token,dependent:dependent},
            success:function(result)
            {
              $('#'+dependent).html(result);
            }
          })
        }


    });

  });


</script>

Это мой сценарий для раскрывающегося списка зависимостей для данных динамического добавления строки и выборки. Как видно на рисунке, первая строка работает должным образом, а вторая строка и другие - нет. В этом проблема.

1 Ответ

0 голосов
/ 26 сентября 2019

Читайте, смотрите видео о зависимых списках, там все описано / показано)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...