【问题标题】:Laravel dependent two dropdownLaravel 依赖的两个下拉菜单
【发布时间】:2021-04-18 03:30:24
【问题描述】:

这是我的桌子 1 和

这是我的表 2,其中 table1.id = table2.catid

现在在产品条目视图中,我需要两个下拉选择。第二个依赖于第一个。当我从第一个下拉列表中选择名为鞋子的类别时,可用选项将是第二个下拉列表中的女鞋、男鞋、婴儿鞋选项。我怎么能在 laravel 5.7 中做到这一点?我需要ajax吗?谢谢

【问题讨论】:

    标签: ajax laravel-5 select foreach dropdown


    【解决方案1】:
    • 是的,您应该需要 Ajax,因为类别选择选项的更改事件。

    • 在脚本标签中
      $(document).on("change", ".cat_id", function () {

                   $.ajax({
                       type: "POST",
                       url: "{{route('subcate.select')}}",
                       data: {
                           '_token': $('input[name="_token"]').val(),
                           'cat_id': $('.cat_id').val()
                       },
                       success: function (data) {
                           console.log(data);
                           $(".subcat_id").html("");
                           console.log(data);
                           $(".subcat_id").html(data);
      
                       }
                   });
               });
      
    • 在控制器文件中

    • 公共函数选择(请求$request){

      $subcategories= Subcategory::where('cat_id',$request->cat_id)->get();
      $html='<option value="">Select SubCategory</option>';
      foreach($subcategories as $subcategory){
          $html.="<option value='" . $subcategory->id . "'>" . $subcategory->name . "</option>";
      }
      echo $html;
      

      }

    【讨论】:

      猜你喜欢
      • 2016-10-13
      • 2021-05-08
      • 1970-01-01
      • 1970-01-01
      • 2018-03-27
      • 1970-01-01
      • 2014-07-03
      • 2011-11-21
      相关资源
      最近更新 更多