本文实例讲述了Laravel框架基于ajax实现二级联动功能。分享给大家供大家参考,具体如下:
1、html页面:
<div class="form-group"> <label for="rule">过期规则:</label> <select name="rule" id="rule" class="form-control" style="width:20%; margin-right: 40px;"> <option value="0" rule_id="0">请选择规则</option> @foreach($rules as $rule) <option value="{{ $rule->value }}" rule_id="{{ $rule->id }}">{{ $rule->name }}</option> @endforeach </select> <label for="time">过期倍数:</label> <select name="time" id="time" class="form-control" style="width:20%;"> <option value="0">请选择倍数</option> </select> <span id="auto"></span> </div>
过期规则是在页面加载时,便已经从数据表中取出来放进去了:
$projects = Project::all(); $rules = Rule::all(); return view('key.create', compact('projects', 'rules'));
2、ajax代码:
$("#rule").change(function() { $.post("{{ url('key/createTime') }}/"+$(this).find("option:selected").attr("rule_id"), { "_token": "{{ csrf_token() }}" }, function(data) { $("#time").html("<option value='0' name='time'>请选择倍数</option>"); if(data.value == 0) { // 当选择请选择规则时,不会向下执行 return false; } $.each(data, function(i, time) { $("#time").append("<option value='" + time.value + "'>" + time.value + "</option>"); }); $("#time").append("<option id='auto_time'>自定义</option>"); }); });
当过期规则改变时,将id传到createTime()方法中
3、createTime()
方法:
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; }
对$times的处理:rule和time表是一对多的关系:
public function time() { return $this->hasMany(\App\Model\Time::class, 'rule_id', 'id'); }
4、效果:
更多关于Laravel相关内容感兴趣的读者可查看本站专题:《Laravel框架入门与进阶教程》、《php优秀开发框架总结》、《php面向对象程序设计入门教程》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》
希望本文所述对大家基于Laravel框架的PHP程序设计有所帮助。
华山资源网 Design By www.eoogi.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
华山资源网 Design By www.eoogi.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 群星《歌手2024 第13期》[FLAC/分轨][325.93MB]
- 阿木乃《爱情买卖》DTS-ES【NRG镜像】
- 江蕾《爱是这样甜》DTS-WAV
- VA-Hair(OriginalBroadwayCastRecording)(1968)(PBTHAL24-96FLAC)
- 博主分享《美末2RE》PS5 Pro运行画面 玩家仍不买账
- 《双城之战2》超多新歌MV发布:林肯公园再次献声
- 群星《说唱梦工厂 第11期》[320K/MP3][63.25MB]
- 群星《说唱梦工厂 第11期》[FLAC/分轨][343.07MB]
- 群星《闪光的夏天 第5期》[320K/MP3][79.35MB]
- 秀兰玛雅.1999-友情人【大旗】【WAV+CUE】
- 小米.2020-我想在城市里当一个乡下人【滚石】【FLAC分轨】
- 齐豫.2003-THE.UNHEARD.OF.CHYI.3CD【苏活音乐】【WAV+CUE】
- 黄乙玲1986-讲什么山盟海誓[日本东芝版][WAV+CUE]
- 曾庆瑜1991-柔情陷阱[台湾派森东芝版][WAV+CUE]
- 陈建江《享受男声》DTS-ES6.1【WAV】