Laravel应用简单好用的多级联动插件cxSelect

先去官网下载一个cxselect

select的写法是关键，这里的class是要被选择的select，这里的data-url是他这里要获取数据的地方，data-json是传回来的数据叫什么，默认往data-url里面传值的参数是上一个select的name，具体用法官网很详细

<label for="type">选择获奖学生</label>
<br>
<select name="studentnum" id="" class='studentnum' data-url="{{URL('getmedalstujson')}}" data-json-space="data">
<option value="a">请选择</option>
</select>

引用JS

<script src="{{asset('lib/js/jquery-2.0.3.min.js')}}"></script>

<script src="{{asset('lib/js/jquery.cxselect.js')}}"></script>

然后设置

$(function () {
$('#studentsel').cxSelect({ //要做联动的DIV，这个必须设置！

selects: ['college_id', 'act_id','studentnum'], //要做联动的select的class
jsonName: 'name', //传回JSON时要应用的option名字
jsonValue: 'value', //传回JSON时要应用的option值
jsonSpace: 'data',//传回JSON时要应用的命名空间，例如传回来"data":['value':0,'name':1]
required:'true', //是否为必选

});

})

getmedalstujson

public function getMedalStuJson(){
$act_id = $_GET['act_id'];
$data = array();
$apply = Apply::where('act_id',$act_id)->get();

foreach($apply as $a){
$a->student = Student::where('studentnum',$a->studentnum)->first();

}

foreach($apply as $key=>$a){

$data[$key]['value'] = $a->studentnum;  //必须要这种格式模板才能接受，这个是option里的值
$data[$key]['name'] = $a->student->name;  //必须要这种格式模板才能接受，这个是option显示的名字
}

return response()->json(['status'=>1,'data'=>$data]);

}