layui select二級聯動
阿新 • • 發佈:2019-01-26
原理:JS獲取option value, ajax到php,從MYSQL中取出資料,返回JSON,JQ控制二級欄目變化
HTML:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
< label class = "layui-form-label" >所屬分類</ label >
< div class = "layui-input-inline" >
< select name = "cid" lay-filter = "test" >
<? php foreach($res as $v){ ?>
< option value="<?php echo $v['id'];?>"><? php echo $v['title'];?></ option >
<? php } ?>
</ select >
</ div >
< label class = "layui-form-label" >欄目</ label >
< div class = "layui-input-inline" >
< select name = "cid" id = "area" >
< option value = "0" >請選擇欄目</ option >
</ select >
</ div >
|
AJAX: