怎么在Laravel框架中利用ajax实现一个二级联动功能 - 行业资讯

　　介绍

今天就跟大家聊聊有关怎么在Laravel框架中利用ajax实现一个二级联动功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

1, html页面:

& lt; div 类=癴orm-group"比; 　　,,& lt; label 为=皉ule"在过期规则:& lt;/label> 　　,,& lt; select name=皉ule", id=皉ule",类=癴orm-control",在　　,,,& lt; option 价值=https://www.yisu.com/zixun/?”rule_id=" 0 ">请选择规则选择　　@foreach(规则规则)美元　　<选项值="{{$规则->值}}”rule_id="{{$规则-> id}} ">{{$规则->名称}} 　　@endforeach 　　　　<标签=笆奔洹?过期倍数:标签　　<选择name="时间" id==氨淼タ丶?“时间”类　　<选项值=" 0 ">请选择倍数　　　　　　

过期规则是在页面加载时,便已经从数据表中取出来放进去了:

projects 美元;=,项目::所有(); 　　$ rules =,规则::所有(); 　　return 视图(& # 39;key.create& # 39;,,紧凑(& # 39;项目# 39;,,& # 39;规则# 39;));

2, ajax代码:

美元(“# rule") .change(函数(),{ 　　$ . post(才能“{{,url(& # 39;键/createTime& # 39;),}}/?美元(这);(“选项:selected") .attr (“rule_id"), { 　　,,,“_token":,“{{, csrf_token (),}}, 　　,,},的功能(数据),{ 　　,,,美元(“# time") . html (“& lt; option https://www.yisu.com/zixun/' 0 ' name=value='时间'>请选择倍数 "); 　　如果(数据)。值==0){//当选择请选择规则时,不会向下执行　　返回错误; 　　} 　　美元。每个函数的数据,(我){ 　　$(" #时间”)。追加(“<选项值=" +时间。值+“>”+时间。值+“> 自定义 "); 　　}); 　　});

当过期规则改变时,将id传到createTime()方法中

3 <代码> createTime() 方法:

public function createTime (rule_id美元) 　　{//才能,当选中的为请选择规则时,自己拼一个数据,当成功时,判断　　,if (rule_id 美元;==,0),{ 　　,,return [& # 39; id # 39;=祝辞0,,& # 39;价值# 39;=祝辞0,,& # 39;rule_id& # 39;=祝辞0]; 　　,} 　　,times 美元;=,规则::找到(rule_id美元)→时间; 　　美元,return ; 　　}

对美元时代的处理:规则和时间表是一对多的关系:

public function 时间() 　　{ 　　,,,return $ this→hasMany(模型\ App \ \时间::类,,& # 39;rule_id& # 39;,, & # 39; id # 39;); 　　}

4,效果:

怎么在Laravel框架中利用ajax实现一个二级联动功能

看完上述内容,你们对怎么在Laravel框架中利用ajax实现一个二级联动功能有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注行业资讯频道,感谢大家的支持。