1. 程式人生 > >layui select二級聯動

layui select二級聯動



1.gif

        原理: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: