Laravel框架基于ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)功能示例
本文實(shí)例講述了Laravel框架基于ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)功能。分享給大家供大家參考,具體如下:
1、html頁(yè)面:
<div class="form-group"> <label for="rule">過期規(guī)則:</label> <select name="rule" id="rule" class="form-control" style="width:20%; margin-right: 40px;"> <option value="0" rule_id="0">請(qǐng)選擇規(guī)則</option> @foreach($rules as $rule) <option value="{{ $rule->value }}" rule_id="{{ $rule->id }}">{{ $rule->name }}</option> @endforeach </select> <label for="time">過期倍數(shù):</label> <select name="time" id="time" class="form-control" style="width:20%;"> <option value="0">請(qǐng)選擇倍數(shù)</option> </select> <span id="auto"></span> </div>
過期規(guī)則是在頁(yè)面加載時(shí),便已經(jīng)從數(shù)據(jù)表中取出來放進(jìn)去了:
$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'>請(qǐng)選擇倍數(shù)</option>"); if(data.value == 0) { // 當(dāng)選擇請(qǐng)選擇規(guī)則時(shí),不會(huì)向下執(zhí)行 return false; } $.each(data, function(i, time) { $("#time").append("<option value='" + time.value + "'>" + time.value + "</option>"); }); $("#time").append("<option id='auto_time'>自定義</option>"); }); });
當(dāng)過期規(guī)則改變時(shí),將id傳到createTime()方法中
3、createTime()
方法:
public function createTime($rule_id) { // 當(dāng)選中的為請(qǐng)選擇規(guī)則時(shí),自己拼一個(gè)數(shù)據(jù),當(dāng)success時(shí),判斷 if ($rule_id == 0) { return ['id'=>0, 'value'=>0, 'rule_id'=>0]; } $times = Rule::find($rule_id)->time; return $times; }
對(duì)$times的處理:rule和time表是一對(duì)多的關(guān)系:
public function time() { return $this->hasMany(\App\Model\Time::class, 'rule_id', 'id'); }
4、效果:
更多關(guān)于Laravel相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Laravel框架入門與進(jìn)階教程》、《php優(yōu)秀開發(fā)框架總結(jié)》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門教程》、《php+mysql數(shù)據(jù)庫(kù)操作入門教程》及《php常見數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家基于Laravel框架的PHP程序設(shè)計(jì)有所幫助。
相關(guān)文章
PHP設(shè)計(jì)模式之解釋器(Interpreter)模式入門與應(yīng)用詳解
這篇文章主要介紹了PHP設(shè)計(jì)模式之解釋器(Interpreter)模式,結(jié)合實(shí)例形式詳細(xì)分析了PHP解釋器模式的概念、原理、基本應(yīng)用與相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-12-12如何動(dòng)態(tài)查看及加載PHP擴(kuò)展
這篇文章主要介紹了如何動(dòng)態(tài)查看及加載PHP擴(kuò)展,幫助大家更好的理解和學(xué)習(xí)使用PHP,感興趣的朋友可以了解下2021-04-04thinkPHP5框架導(dǎo)出Excel文件簡(jiǎn)單操作示例
這篇文章主要介紹了thinkPHP5框架導(dǎo)出Excel文件簡(jiǎn)單操作,結(jié)合實(shí)例形式分析了thinkPHP5框架安裝及使用PHPExcel插件實(shí)現(xiàn)導(dǎo)出Excel格式文件的相關(guān)操作技巧,需要的朋友可以參考下2018-08-08php根據(jù)身份證號(hào)碼計(jì)算年齡的實(shí)例代碼
我們只要知道身份證的生成規(guī)則就可以了,像下面我們從指定位置到多少位就是出日期了,然后我們把日期轉(zhuǎn)成時(shí)間戳然后進(jìn)行加減運(yùn)算就得出了年齡了,下面我們看實(shí)例2014-01-01