Laravel框架基于ajax实现二级联动功能示例

   过期规则：
   
    请选择规则
    @foreach($rules as $rule)
       {{ $rule->name }}
    @endforeach
   
   过期倍数：
   
     请选择倍数
   
   

$projects = Project::all();
$rules = Rule::all();
return view('key.create', compact('projects', 'rules'));

$("#rule").change(function() {
  $.post("{{ url('key/createTime') }}/"+$(this).find("option:selected").attr("rule_id"), {
    "_token": "{{ csrf_token() }}"
  }, function(data) {
    $("#time").html("请选择倍数");
    if(data.value == 0) { // 当选择请选择规则时，不会向下执行
      return false;
    }
    $.each(data, function(i, time) {
      $("#time").append("" + time.value + "");
    });
    $("#time").append("自定义");
  });
});

public function createTime($rule_id)
{  // 当选中的为请选择规则时，自己拼一个数据，当success时，判断
 if ($rule_id == 0) {
   return ['id'=>0, 'value'=>0, 'rule_id'=>0];
 }
 $times = Rule::find($rule_id)->time;
 return $times;
}

public function time()
{
    return $this->hasMany(\App\Model\Time::class, 'rule_id', 'id');
}