时间戳

首页 > 解决方案 > 使用 AJAX 和 Laravel 5.8 的动态依赖选择选项

ajax - 使用 AJAX 和 Laravel 5.8 的动态依赖选择选项

问题描述

我实际上是在尝试根据区域获取城市的动态相关选择选项，并且在我的控制器中我返回一个字符串（使用回显），但不幸的是，该字符串未在浏览器的选择选项（城市）中呈现。但我可以通过检查或在控制台上打印来查看它。

我的jQuery：

    <script >
    $(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('dynamicdependent.fetch') }}",
        method:"POST",
        data:{select:select, value:value, _token:_token, dependent:dependent},
        success:function(result)
        {
         $('#cityName').html(result);
         console.log(result);

             console.log(result);
        }

       })
      }
     });

     $('#RegionName').change(function(){
      $('#cityName').val('');
     });

    });
    </script>

: 我的控制器

class DynamicDependent extends Controller
{

    public function fetch(Request $request)
    {   
      $select = $request->get('select');
      $value = $request->get('value');
      $dependent = $request->get('dependent');

      $data = city::where($select,$value)->get();

     $output = '<option value="">Select '.ucfirst($dependent).'</option>';
     foreach($data as $row)
     {
      $output .= '<option value="'.$row->$dependent.'">'.$row->$dependent.'</option>';
     }
     echo $output;
    }
}

: 没有 eroor 消息

这是实际输出的图片： 在此处输入图像描述

标签： ajaxlaravelselectdynamicoption

解决方案

谢谢。实际上我正在使用引导选择库，当我从城市的选择标签中删除这个类时，有一个名为 selectpicker 的类它工作正常

推荐阅读