當我們製作選單欄選擇時,選定乙個屬性然後選擇下乙個屬性,最後進行聯動:
中國→四川→成都→金牛區
注:中國是一級父目錄
1
首先通過一級父目錄獲取省級的id
//通過pid的當前i的,獲取當前pid下的所屬級別的地區資訊
function getdatabypid(parent_id) ,
datatype: "json", //接收資料型別
async: false, //關閉非同步執行,防止頁面載入完畢,資料未全部接收,導致資料丟失
success: function (result) ,
error: function (e)
})return data;
}
注:這裡要將async設定為fasle 原因:使用ajax請求資料,系統會另外開啟一條執行緒去執行獲取資料,關閉非同步處理,防止資料未請求完資料已經已經載入完,導致資料丟失2.初始化省的資訊
function pageinit()
}
建立文件就緒函式在文件就緒函式中進行各個省與市與區的聯動設定
首先獲取省的id作為市的父id,再用市的id來作為區的父id
接下來直接上**:
$(document).ready(function()
});//區與市進行繫結進行聯動
$("select[name='district_city']").change(function ()
});//最後將我們需要顯示的資訊與最後選擇的區進行繫結實現多級聯動
$("select[name='districtid']").change(function () ,
datatype: 'json',
success: function (result)
},error: function (e)
});});
})
遇到的坑:**一定注意ajax中url請求位址是否與controller中的請求位址相匹配
進行關聯設定的時候使用.change(function(){})
還有就是中間的一些**拼接是否正確
剩餘沒發現的坑就是**書寫格式不正確,這個通過debug慢慢找吧
二級聯動,多級聯動
首先,二級聯動,還是多級聯動小夥伴們不要怕,其實很簡單。首先,理清思路 首先第乙個頁面,肯定是進來就需要載入的 然後通過觸發第乙個事件,一般都是select寫 聯動,然後通過事件方法將引數 二級需要的條件 傳送給下乙個 需要用的地方 需要展示的地方 上 注意 function 這個方法裡是頁面在載入...
js 多級聯動(省 市 區)
方式一 資料從資料庫獲取,ajax實現區域性重新整理 方式二 資料從json檔案獲取,ajax實現區域性重新整理 以方式二為例,進行演示 省市區 聯動 前提 需要有省 市 區三個的資料封裝檔案 實現 1.自封裝函式 多級聯動 function multiplecascades 建立select標籤 ...
js 多級聯動(省 市 區)
方式一 資料從資料庫獲取,ajax實現區域性重新整理 方式二 資料從json檔案獲取,ajax實現區域性重新整理 以方式二為例,進行演示 省市區 聯動 前提 需要有省 市 區三個的資料封裝檔案 實現 1.自封裝函式 多級聯動 function multiplecascades 建立select標籤 ...