宝哥软件园

Laravel框架基于创建交互式、快速动态网页应用的网页开发技术实现二级联动功能示例

编辑:宝哥软件园 来源:互联网 时间:2021-08-27

本文实例讲述了Laravel框架基于创建交互式、快速动态网页应用的网页开发技术实现二级联动功能。分享给大家供大家参考,具体如下:

1、html页面:

"规则"的div类="表单组"标签过期规则:/label select name=' rule ' id=' rule ' class=' form-control ' style=' width :20%;右边距' : 40px'选项值='0' rule_id='0 '请选择规则/option @foreach($rules as $rule)选项值=' { $ 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%;'选项值='0 '请选择倍数/option/select span id=' auto '/span/div过期规则是在页面加载时,便已经从数据表中取出来放进去了:

$ project=project :3360 all();$ rules=rule :3360 all();返回视图(“key.create”,compact(‘project’,‘rules’);2、ajax代码:

$('#rule ').change(function() { $).post(' { { URL(' key/create time ')} }/' $(this).查找(“option:selected”).attr('rule_id '),{ ' _ token ' : ' { csrf _ token()} ' } ' } ' } ' },函数(数据){ $('#time ').html(“”选项值='0 '名称='时间'请选择倍数/option ');if(data.value==0) { //当选择请选择规则时,不会向下执行返回false} $。每个(数据,函数(我,时间){ $('#time ').追加('选项值=' '时间。值' ' '时间。value '/option ');});$('#time ').追加('选项id='auto_time '自定义/option ');});});当过期规则改变时,将编号传到createTime()方法中

3、创建时间()方法:

公共函数createTime($rule_id){ //当选中的为请选择规则时,自己拼一个数据,当成功时,判断if ($rule_id==0) { return ['id'=0,' value'=0,' rule _ id '=0];} $ times=rule : find($ rule _ id)-time;返回$ times}对$倍的处理:规则和时间表是一对多的关系:

公共函数time(){ return $ this-有multi( App Model time :3360类,' rule_id ',' id ');}4、效果:

更多关于Laravel相关内容感兴趣的读者可查看本站专题: 《Laravel框架入门与进阶教程》 、 《php优秀开发框架总结》 、 《php面向对象程序设计入门教程》 、 《php+mysql数据库操作入门教程》 及《php常见数据库操作技巧汇总》

希望本文所述对大家基于Laravel框架的服务器端编程语言(专业超文本预处理器的缩写)程序设计有所帮助。

更多资讯
游戏推荐
更多+