javascript
html中免费的四级联动,利用JS实现省市区街道四级联动插件
特效描述:利用JS實(shí)現(xiàn) 省市區(qū)街道 四級(jí)聯(lián)動(dòng)插件。利用JS實(shí)現(xiàn)省市區(qū)街道四級(jí)聯(lián)動(dòng)插件
代碼結(jié)構(gòu)
1. 引入CSS
2. 引入JS
3. HTML代碼
所在地區(qū)
所在地區(qū)
- 請(qǐng)選擇
- 請(qǐng)選擇
- 請(qǐng)選擇
- 請(qǐng)選擇
$(function(){
// 地址選擇器遮罩層打開與關(guān)閉
$("#areaLabel").click(function(e){
$("#addressSelectWrapper").show();
e.stopPropagation();
});
$(document).click(function () {
$("#addressSelectWrapper").hide();
});
$("#cancel").click(function () {
$("#addressSelectWrapper").hide();
});
$("#addressSelect").click(function (e) {
e.stopPropagation();
});
initAddress();
});
//初始化地址選擇
function initAddress() {
$("#Addr").cityLinkage({
containerId: 'addressSelectWrapper',
getSelectedCode:function(){return $("#Addr").data("code");},
callback:function(data) {
$("#Addr").val(data.addr).data("code",data.town.code);
}
});
}
總結(jié)
以上是生活随笔為你收集整理的html中免费的四级联动,利用JS实现省市区街道四级联动插件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery常用的层次选择器
- 下一篇: CLR线程概览(一)