javascript - 在 Laravel 5.4 中使用 Ajax 刷新选择下拉数据

Question

嗨，我在 Ajax 中有这个选择下拉列表，将数据传递到服务器，然后显示到我的选择下拉列表中。该代码运行得很好。现在我的问题是我希望在选择数据后，另一个选择下拉列表将根据所选数据进行刷新。下面是我的 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); 

    }

有人可以帮我解决这个问题吗？蒂亚

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>

这是我使用的脚本