Пересмотрите sh данные выпадающего списка при выборе, используя Ajax в Laravel 5.4.

Question

Привет, у меня есть этот выпадающий список в Ajax, который передает данные на сервер, а затем отображается в моем выпадающем списке. Код работает очень хорошо. Теперь моя проблема заключается в том, что я хочу, чтобы при выборе данных другой выпадающий список имел ссылку sh на выбранную. Вот мой Ajax код ниже

 $("#util").change(function(){
          const util =  $(this).children("option:selected").val();

          //make ajax call
          $.ajax({
              type: "GET",
              url:'/dno-personal/get-data/' + util,
              data:{
                _method: 'get',
                "id":util
              },
              success:function(data){
                var docu = $('#docu');
                console.log(data);

                data.forEach(function(val, index){
                    console.log(val.document_name);
                    docu.append(
                                $('<option></option>').val(val.document_name).html(val.document_name)
                          );
                });

              },
              error:function(data){
                console.log('Error:', data);
              }

          });
      });

мой html выберите

 <div id="documentList" class="col-lg-2">
                                              <label>Document List</label>
                                              <select id="docu" name="" class="selcls form-control">
                                              </select>
                                          </div>

мой процесс на сервере в php

//
    public function getData($id){
        $getDocuments = DnoPersonalUtility::where('pu_id', $id)->get()->toArray();

        return response()->json($getDocuments); 

    }

Может кто-то помогите мне разобраться в этом? Tia

Answer 1

function run() {
  var e = document.getElementById("ddlViewBy");
  var id = e.options[e.selectedIndex].value;
  $('#pt_iddd').val(id);
  $.ajax({
    url:"<?php echo $link_url; ?>data/customer.php",
    method:"POST",
    data:{query1:id},
    success:function(data3){
      document.getElementById("fee").innerHTML=data3;
    }
  });
}
$(document).ready(function(){
  $("#ddlViewBy").click(function(){
    var query = $('#pt_iddd').val();
    if(query != ''){
      $.ajax({
        url:"<?php echo $link_url; ?>data/details.php",
        method:"POST",
        data:{query:query,i:"da"},
        success:function(data){
          $('#mySelect').html(data);
        }
      });
    }
  });
});


<select class="form-control" onchange="run()" id="ddlViewBy">
   have your option code here
</select>
<select class="form-control" id="mySelect">
</select>

Это скрипт, который я использовал

Answer 2

В этом случае сначала выберите значение, на основе которого вы хотите, чтобы ваши вторые раскрывающиеся значения были изменены с помощью var id = e.options [e.selectedIndex] .value; затем по щелчку вашего первого раскрывающегося сообщения, значение которого равно ajax, и в соответствии с вашим кодом добавляет значение ко второму раскрывающемуся списку.