### Ajax二级联动栏目生成 **案例代码：** #### 前端js代码 ~~~ //仓库库位ajax $(function (){ $("#stockdata_depot").change(function(){ var stockdataNo = $("#stockdata_depot").val(); //后台的URL地址 var url = $("#stockdata_depot").attr('url'); //ajax向后台请求数据 $.ajax({ data:{'stockdataNo':stockdataNo}, type:"POST", url: url, dataType:"json", success: function(data){ if(data != null && data.length > 0){ var html=""; for(var i=0; i<data.length; i++){ //拼接前端页面的二级栏目 html+="<option value='"+data[i]['id']+"'>"+data[i]['library_name']+"</option>"; } } //移除旧栏目 $("#stockdata_position option").remove(); //更新新栏目 $("#stockdata_position").html(html).selectpicker('refresh'); } }); }); }); ~~~ #### 后端php代码 ~~~ //ajax二级联动库位显示 public function ajax_storage_library(){ $id = I('param.stockdataNo',array('0')); $where = array('storage_id'=>array('in',$id)); $data = M('storage_library') ->where($where) ->select(); $jsonData = json_encode($data); exit($jsonData); } ~~~