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

 更新时间:2019年01月17日 10:15:44   作者:snow_small  
这篇文章主要介绍了Laravel框架基于ajax实现二级联动功能,结合实例形式分析了Laravel框架ajax数据读取及联动菜单的构造与使用技巧,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • php将数据库中的电话号码读取出来并生成图片

    php将数据库中的电话号码读取出来并生成图片

    本PHP程序作用是从数据库中读取出手机号码或其他数据并生成图片,起到干扰采集防采集的作用。(英文或数字,如果要支持中文的话需要额外添加字库)。本代码为原创代码。
    2008-08-08
  • 基于PHP常用函数的用法详解

    基于PHP常用函数的用法详解

    本篇文章对PHP中的一些常用函数的用法进行了详细的分析介绍。需要的朋友参考下
    2013-05-05
  • Smarty模板常见的简单应用分析

    Smarty模板常见的简单应用分析

    这篇文章主要介绍了Smarty模板常见的简单应用,结合实例形式分析了Smarty模板的引入、创建、设置及相关的常见使用技巧,需要的朋友可以参考下
    2016-11-11
  • Laravel5框架自定义错误页面配置操作示例

    Laravel5框架自定义错误页面配置操作示例

    这篇文章主要介绍了Laravel5框架自定义错误页面配置操作,结合具体实例形式分析了Laravel5自定义错误页面的原理、操作步骤及相关实现技巧,需要的朋友可以参考下
    2019-04-04
  • 如何在CentOS中安装PHP7.4的方法步骤

    如何在CentOS中安装PHP7.4的方法步骤

    这篇文章主要介绍了如何在CentOS中安装PHP7.4的方法步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12
  • Elasticsearch属性单词常用解析说明

    Elasticsearch属性单词常用解析说明

    这篇文章主要介绍了Elasticsearch属性单词常用解析说明,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
    2021-08-08
  • windows安装composer并更换国内镜像的过程详解

    windows安装composer并更换国内镜像的过程详解

    这篇文章主要给大家介绍了windows安装composer并更换国内镜像的过程详解,文中有详细的流程介绍,通过图文结合讲解的非常详细,需要的朋友可以参考下
    2023-11-11
  • Yii框架响应组件用法实例分析

    Yii框架响应组件用法实例分析

    这篇文章主要介绍了Yii框架响应组件用法,结合实例形式分析了Yii响应组件的原理及常见使用技巧,需要的朋友可以参考下
    2019-09-09
  • PHP验证终端类型是否为手机的简单实例

    PHP验证终端类型是否为手机的简单实例

    下面小编就为大家带来一篇PHP验证终端类型是否为手机的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • 详解php如何对数组进行排序

    详解php如何对数组进行排序

    这篇文章主要为大家详细介绍了php如何对数组进行排序,合并,截取替换等操作,文中的示例代码讲解详细,感兴趣的小伙伴可以参考一下
    2023-09-09

最新评论