• 售前

  • 售后

热门帖子
入门百科

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

[复制链接]
淑侠 显示全部楼层 发表于 2021-10-26 14:05:01 |阅读模式 打印 上一主题 下一主题
本文实例讲述了Laravel框架基于ajax实现二级联动功能。分享给各人供各人参考,详细如下:
1、html页面:
  1. <div class="form-group">
  2.    <label for="rule">过期规则:</label>
  3.    <select name="rule" id="rule" class="form-control" style="width:20%; margin-right: 40px;">
  4.     <option value="0" rule_id="0">请选择规则</option>
  5.     @foreach($rules as $rule)
  6.        <option value="{{ $rule->value }}" rule_id="{{ $rule->id }}">{{ $rule->name }}</option>
  7.     @endforeach
  8.    </select>
  9.    <label for="time">过期倍数:</label>
  10.    <select name="time" id="time" class="form-control" style="width:20%;">
  11.      <option value="0">请选择倍数</option>
  12.    </select>
  13.    <span id="auto"></span>
  14. </div>
复制代码
过期规则是在页面加载时,便已经从数据表中取出来放进去了:
  1. $projects = Project::all();
  2. $rules = Rule::all();
  3. return view('key.create', compact('projects', 'rules'));
复制代码
2、ajax代码:
  1. $("#rule").change(function() {
  2.   $.post("{{ url('key/createTime') }}/"+$(this).find("option:selected").attr("rule_id"), {
  3.     "_token": "{{ csrf_token() }}"
  4.   }, function(data) {
  5.     $("#time").html("<option value='0' name='time'>请选择倍数</option>");
  6.     if(data.value == 0) { // 当选择请选择规则时,不会向下执行
  7.       return false;
  8.     }
  9.     $.each(data, function(i, time) {
  10.       $("#time").append("<option value='" + time.value + "'>" + time.value + "</option>");
  11.     });
  12.     $("#time").append("<option id='auto_time'>自定义</option>");
  13.   });
  14. });
复制代码
当过期规则改变时,将id传到createTime()方法中
3、
  1. createTime()
复制代码
方法:
  1. public function createTime($rule_id)
  2. {  // 当选中的为请选择规则时,自己拼一个数据,当success时,判断
  3. if ($rule_id == 0) {
  4.    return ['id'=>0, 'value'=>0, 'rule_id'=>0];
  5. }
  6. $times = Rule::find($rule_id)->time;
  7. return $times;
  8. }
复制代码
对$times的处理:rule和time表是一对多的关系:
  1. public function time()
  2. {
  3.     return $this->hasMany(\App\Model\Time::class, 'rule_id', 'id');
  4. }
复制代码
4、结果:


更多关于Laravel相干内容感兴趣的读者可检察本站专题:《Laravel框架入门与进阶教程》、《php良好开辟框架总结》、《php面向对象程序计划入门教程》、《php+mysql数据库利用入门教程》及《php常见数据库利用技巧汇总》
盼望本文所述对各人基于Laravel框架的PHP程序计划有所资助。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作