### 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); } ~~~